Photoshop-Cafe.de :: Dein Photoshop-Forum

Photoshop-Cafe.de :: Dein Photoshop-Forum (https://www.photoshop-cafe.de/forum/index.php)
-   Lounge (https://www.photoshop-cafe.de/forum/forumdisplay.php?f=15)
-   -   Meine Homepage Mousice.net - Neues Design (https://www.photoshop-cafe.de/forum/showthread.php?t=218)

Juli 09.07.05 23:49

Mousice.net - Neues Design
 
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 09.07.05 23:54

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 10.07.05 09:42

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 10.07.05 09:44

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 10.07.05 11:55

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 10.07.05 12:06

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

phoenix 10.07.05 12:38

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

Juli 10.07.05 12:54

:thankyous ihr beiden :D

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

chataya 10.07.05 19: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 11.07.05 01:23

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:

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


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:57 Uhr.

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
©2005-2020 photoshop-cafe.de

Seite wurde generiert in 0,02542 Sekunden mit 9 Queries