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


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?
..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

[Azzurri]

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

[phoenix]

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

[Juli]

ihr beiden

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

[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

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
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 ..