Meine Homepage Mousice.net - Neues Design - Photoshop-Cafe.de :: Dein Photoshop-Forum

chataya · #1 10.07.05, 20:40

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 · #2 11.07.05, 02:23

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:

Code:

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

Code:

<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 · #3 04.08.05, 03:59

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 · #4 04.08.05, 15:27

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

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.

Juli · #5 04.08.05, 20:06

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 · #6 04.08.05, 20:12

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 · #7 04.08.05, 20:53

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

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Neues Interesse, neues Programm seit 1 Woche	BURAKBL	Work in Progress	7	26.06.10 17:33
neues Design für meine Seite	lafeerique	Hilfestellung, Tipps und Tricks	47	26.05.09 13:18
Maraz Design / Comic design	Azzurri	Hilfestellung, Tipps und Tricks	7	04.03.06 02:10

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)