Mousice.net - Neues Design

[Juli]

Hallöle^^

Also, hab mal wieder ein neues Design gemacht =)

Ja, ich weiß die Navigation ist nicht die tollste, etwas schlecht zu lesen ;D Und die meisten werden wohl hier auch die Schriftgröße zu klein finden *g*

Und hab das Forum auch gleich mal verlinkt ;D

Also, Kritik und Lob natürlich auch, wie immer erwünscht =)

Mousice.net (http://www.mousice.net)


Juli

[Wanderfalke]

hi,
ich find das design sieht grundsätzlich gut aus
nur finde ich könnte man die navi ein bisschen genauer abtrennen. So sind die einzelnen Bereiche einfach hintereinandergeschrieben und man weiß gar nicht wieviele Möglicheiten man hat zum anklicken.
sonst ist bei mir rechts noch ziemlich viel platz...

ansonsten: Klasse!

[Timm]

du hast eine menge talent juli aus dir wird was=)

-kannst du mit dem text nicht ein stück vom rand wegbleiben ?
-wer ist christina aguillera?

[blindguard]

jaja, zuverlässig wie ein schweizer uhrwerk unsere juli ... "ich hab da mal wieder meine seite neu gemacht" ... *g*

gefällt mir grundsätzlich bis auf die punkte, die du selbst angesprochen hast, recht gut. muß ich aber mal sehen, wenn ich etwas mehr zeit habe.
gruß
volker

[Juli]

lol, timm, du kennst nich christina aguilera? :vogelzeig :biggrin:
..na das ist doch diese sängerin da =)

Ja, hatte ich versucht, aber wie auch beim letzten Layout, krieg ich das nicht hin, weil sonst auch diese "Überschriften-Balken" mit vom Rand rücken. Und das sieht nicht soo schön aus =(

hat da vll jemand ne idee wie ich das hinkrieg, dass nur der text weiter rückt?

ansonsten dankeschön fürs Lob :biggrin:

[Azzurri]

japp,ich finde alle hp´s gut die du so zauberst,hast echt talent :respekt:

[phoenix]

yep, die seite sieht mal wieder geil aus. dein bisher bestes design, meiner meinung nach :elefant:

[Juli]

:thankyous ihr beiden :D

hab die rosanen smileys jetzt auch mal rot umgefärbt, passt glaub ich ein bisschen besser :biggrin:

[chataya]

hi juli, da hast du ja wieder ein ansprechendes neues design gebaut!
ein paar "schwachpunkte" hast du ja bereits angesprochen. mir persönlich gefallen die kleinen gesichter im header nicht, außerdem hast du ziemlich viel zusammenhängenden text, der könnte durch bilder noch ein bischen aufgelockert und lesefreundlicher gestaltet werden. wenn du möchtest kannst du mir ja mal eine html datei deiner seite schicken, dann lässt sich bestimmt auch das "text am rand" problem ganz schnell beseitigen.

[Juli]

Ja ich muss mal gucken, dass ich den Text noch bissl besser gestalte :gruebel:

Mit dem Text-Rand Problem, brauchst du eigentlich nur die ganze index.php, weil da is ja schon alles zusammen (wegen den PHP-Includes)

also die css-sachen oben:

<style type="text/css">
<!--
body {
font-family: Tahoma;
color: #928888;
line-height:10pt;
letter-spacing:0px;
text-align:justify;
background-image:url('Bilder/index
}_07.gif') repeat;
font-size: 7pt;
}


#td4 {
padding-left:0px;
text-align: justify;
vertical-align:top;
position: absolute;
font-family: Tahoma;
color: #928888;
line-height:10pt;
letter-spacing:0px;
margin: 0px;
font-size: 7pt;
}

div {
font-size: 7pt;
text-align:justify;
letter-spacing:0px;
line-height:10pt;
font-family: Tahoma;
color: #928888;
}

#td2 {
padding-left:13.5px;
padding-right:13.5px;
text-align: justify;
vertical-align:top;
font-family: Tahoma;
line-height:10pt;
letter-spacing:0px;
margin: 0px;
font-size: 7pt;
}

#td3 {
padding-left:0px;
text-align: justify;
vertical-align:top;
position: absolute;
top: 484px;
left: 260px;
width: 320px;
font-family: Tahoma;
color: #999966;
line-height:10pt;
letter-spacing:0px;
margin: 0px;
font-size: 7pt;
}

.header {

color: #201312;
background: #834447;
font: 7pt Tahoma;
text-decoration: none;
font-family: tahoma;
text-align: left;
line-height: 10px;
letter-spacing: 1px;
border: #FFFFFF;

}

.header3 {

background: #582F31;
color: #201312;
font: 7pt Tahoma;
text-decoration: none;
font-family: tahoma;
text-align: left;
line-height: 10px;
letter-spacing: 1px;
border: #FFFFFF;
}

A:link { text-decoration : none; font-weight: bold; color : #C1918B; }
A:visited { text-decoration : none; font-weight: bold; color : #C1918B; }
A:active { text-decoration : none; font-weight: bold; color : #C1918B; }
A:hover { text-decoration: none; font-weight: bold; color : #FFFFFF; }

.commentfield {
margin-bottom: 0px;
font:11px Tahoma;
}

textarea {font-family:Tahoma; font-size:10px;color: #999966; background-color:#FFFFCC;}
input,select {font-family:Tahoma; font-size:10px; color: #999966; background-color:#FFFFCC; height:17px;}
td {font-family:Tahoma; font-size:10px}

.textarea {
margin-bottom: 0px;
font:10px Tahoma;
background-color: #FFFFCC;
border: 1px #999966;
border: 1px solid #999966;

}


-->
</style>

Manches davon ist nicht sooo wichtig, weiß auch nicht, noch reste vom alten layout :gruebel:
Jedenfalls ist das "td2" der eigentliche Inhalt. Und "Header" und "Header3" sind die diese "Überschriftenbalken".

<body bgcolor="#BCB5B7" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="10%" height="463">&nbsp;</td>
<td width="507" height="463">

<table width="507" height="463" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle"><table width="507" height="511" border="0" cellpadding="0" cellspacing="0" id="Tabelle_01">
<tr>
<td colspan="5">
<img src="Bilder/index_01.gif" width="261" height="214" alt=""></td>
<td colspan="6">
<img src="Bilder/index_02.gif" width="245" height="214" alt=""></td>
<td rowspan="4">

<img src="Bilder/index_03.gif" width="1" height="510" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="Bilder/index_04.gif" width="261" height="202" alt=""></td>
<td colspan="6">
<img src="Bilder/index_05.gif" width="245" height="202" alt=""></td>
</tr>
<tr>

<td>
<a href="index.php?site=main">
<img src="Bilder/index_06.gif" width="56" height="17" border="0" alt=""></a></td>
<td>
<a href="index.php?site=girly">
<img src="Bilder/index_07.gif" width="43" height="17" border="0" alt=""></a></td>
<td>
<a href="index.php?site=bmam">
<img src="Bilder/index_08.gif" width="49" height="17" border="0" alt=""></a></td>

<td>
<a href="index.php?site=pics">
<img src="Bilder/index_09.gif" width="64" height="17" border="0" alt=""></a></td>
<td colspan="2">
<a href="index.php?site=friends">
<img src="Bilder/index_10.gif" width="63" height="17" border="0" alt=""></a></td>
<td>
<a href="index.php?site=site">
<img src="Bilder/index_11.gif" width="32" height="17" border="0" alt=""></a></td>

<td>
<a href="index.php?site=graphic">
<img src="Bilder/index_12.gif" width="76" height="17" border="0" alt=""></a></td>
<td>
<a href="index.php?site=tutorial">
<img src="Bilder/index_13.gif" width="36" height="17" border="0" alt=""></a></td>
<td>
<a href="index.php?site=misc">
<img src="Bilder/index_14.gif" width="46" height="17" border="0" alt=""></a></td>

<td>
<a href="index.php?site=exit">
<img src="Bilder/index_15.gif" width="41" height="17" border="0" alt=""></a></td>
</tr>
<tr>
<td id="td2" colspan="11" background="Bilder/index_16.gif">
<p class="header">&raquo; Touti comlepti about ich</p>
<p>Genau, also wie der Name es schon sagt, schreib ich hier ein paar Dinge &uuml;ber
mich, da es ja gr&ouml;&szlig;tenteils auf meiner Page um mich geht =). Interessant
was? Naja, also viel Spass beim lesen und so.. *g&auml;hn*<br>

<br>
<a href="index.php?site=steckbrief">&gt;&gt; Steckbrief (Achtung: LANG)</a></p>
</td>
</tr>
<tr>
<td>

<img src="Bilder/spacer.gif" width="56" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="43" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="49" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="64" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="49" height="1" alt=""></td>

<td>
<img src="Bilder/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="32" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="76" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="36" height="1" alt=""></td>
<td>

<img src="Bilder/spacer.gif" width="46" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="41" height="1" alt=""></td>
<td>
<img src="Bilder/spacer.gif" width="1" height="1" alt=""></td>
</tr>
</table></td>
</tr>
</table></td>

<td width="20%" height="463">&nbsp;</td>
</tr>

</table>

</body>

das ganze ist ja eine tabelle, die in einer eigenen tabelle nochmal steckt..mh..damit ich das so bissl anders zentrieren konnt, deshalb dieses wirrrwarr^^..



Übrigens hab ich mir eben Webspace+Domain gekauft =) also bald heißt es dann: www.mousice.net ..

[Juli]

Könnte vll ein Mod so lieb sein und mir den Threadnamen umändern *g* Weil des heißt ja jetzt www.mousice.net anstatt www.mousice.de.vu xD

hmm..achja..
also ich bin grad wieder an einem neuem lay dabei..

www.mousice.net/neu.jpg

verbesserungsvorschläge?

Jüli

[socke]

verbesserungsvorschläge? jap!
girly und mode müssen eindeutig raus. :ernte:

ne im ernst..also ich find des design hat was elegantes. :)
aber auf "content" und "navigation" müsste denk ich nicht extra hingewiesen werden.
und für mousice könnt ich mir ne andere schriftart vorstellen. vllt auch sowas handschriftartiges/elegantes.
die navigation findsch au n bissl breit, könntest links noch ne verlaufsmaske draufhaun damit des n bissl weicher ins bild übergeht.
ansonsten alles supi, schöne farben. :ok:

[Juli]

kann auch about me schreiben anstatt girly *g*

erstma danke fürs lob xD und nu hab ich das mal soweit angepasst..das mti dem verlauf inner navi find ich ned schlecht, aber iwie wirkts jetzt leer..

www.mousice.net/neu.jpg
Version 1 (ohne Verlauf, ohne Mousice-Schrift-Änderung, mit Content-&-Navi-Hinweis)

www.mousice.net/neu2.jpg
Version 2 (mit Verlauf, mit Mousice-Schrift-Änderung, ohne Content-&-Navi-Hinweis)

www.mousice.net/neu3.jpg
Version 3 (mit verlauf, mit schrift, ohne hinweise)


besser? *g*

[socke]

also das letzte gefällt mir :)
damits nich so leer aussieht könntest du ja vllt noch mit n paar stilvoll geschwungenen (xD) brushes n paar akzente setzen..
da gibts son font mit so schönen zeichen drin..entweder es war "marcelle" oder "candice"
vllt kannst ja damit was anfangen..
irgendwas schwarzes muss auf jeden fall noch rein find ich!

[Juli]

Muss mal gucken *g* also candice hab ich jetzt selber nicht, ist auch keine freefont, kostet 21 dollar..wenn ich nich falsch gegooglet hab xD und marcelle geht ja eher in die grunge richtung *g*
hab ja jede menge brushes, nur wollt ichs halt nich zu sehr mit brushes vollstopfen, weil das sonst immer mein fehler war, sodass es zu voll aussieht =)

findest du nich, dass man durch die schreibschrift, das mousice jetzt ziemlich schlecht lesen kann?

mh..^^=D

[socke]

hm..also ich hab candice irgendwo für umme gekriegt..wieauchimma

joa, die schrift is schon zümlüch komüsch fällt mir grad auf :vogelzeig