Suche im Forum:
Suchen


Autor Nachricht
Beitrag28.02.2009 um 12:27 (UTC)    
Titel: Wo muss ich Habbo Designs hin tun damit es geht?

Also ich habehier mal ein Design
http://img.webme.com/pic/y/yvonnes-testpage/habbo_design_yt.png

Aber wo soll ich den jetzt hin tun?(Habe CSS_DESIGN)


Zuletzt bearbeitet von habbo-fertig am 28.02.2009, 13:29, insgesamt einmal bearbeitet
Beitrag28.02.2009 um 12:38 (UTC)    
Titel:

Hi

Also dein Design fügst du am besten hier ein:


Arrow Design einstellen
Arrow CSS - Ausschliesslich für Profis geeignet ( diese Design auswählen)
Arrow Dann deinen CSS Code in "Text über dem Design" einfügen.


Und schon bist du fertig^^

MfG Oggii
Beitrag28.02.2009 um 12:54 (UTC)    
Titel:

Also einfach

dann diese url eingeben bei Text über Design?
Beitrag28.02.2009 um 12:55 (UTC)    
Titel:

nenene!! du hast mich falsch verstande nichts mit der URL du hast doch gesagt du hast ein CSS DesignCODE?? das musst du in diesem bereich eingeben
Beitrag28.02.2009 um 13:06 (UTC)    
Titel:

ic hglaube er hat nur das design css für profis und keinen code
du musst zuerst das design coden dann kannst du es erst verwenden

mfg
______________
Forenregeln, FAQ, Suchfunktion
Beitrag28.02.2009 um 15:00 (UTC)    
Titel:

Richtig , das Baukasten-Design "CSS" ist zwar eine weiße Seite ,
auf der man Anfangs nur die Navi-Links sehen kann , .......
aber Textfeld, Header-Feld , rechte Box , Textfeld u.s.w. .... sind im
Baukasten-Design "CSS" bereits enthalten .

Ihr müsst diese Felder (Header, Navi , Textfeld , rechte Box) nur noch
positionieren und gewünschte Größen und Farben geben .

Folgende Klassen im Baukasten-Design "CSS" müsst Ihr erstmal positionieren:

- #header_container (Header)
- #nav_container (Navigation)
- #content (Textfeld)
- #sidebar_container (rechte Box)

Beispiel-Code für das Design CSS / frei anpassbar :
Zitat:

/* Hintergrund hinter Design */
body {
background-color:#000000;
background-image:url();
text-align:center;}

/* Größe und Farben der Textlinks */
a:link {
color: #000080;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #800000;
font-size: 13px;
text-decoration: none;}

a:hover {
color: #800000;
font-size: 13px;
text-decoration: none;}

/* Der Header oben */
#header_container {
position: absolute;
left: 50%;
top: 50px;
margin-left:-485px;
width: 970px;
height:80px;
background-color:#343434;
background-image:url(Hier Bild-URL Header);
border:1px solid #F2F2F2;}

/* Seitentitel über Textfeld */
h2#title span {
padding:5px;
color:#C9C9C9;
font-size:14px;
font-family.arial;
background-color:#FDF5E6;
border:1px solid #C9C9C9;}

/* Das Textfeld */
#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-280px;
width: 530px;
height:400px;
padding-top:10px;
padding-left:20px;
padding-right:10px;
color:#000000;
font-size:13px;
font-family:arial;
text-align:left;
background-color:#D9D9D9;
background-image:url();
border: 1px solid #C9C9C9;
overflow:auto;}

/* Titel rechte Box */
#sidebar_heading {
padding:5px;
color:#FFFFFF;
font-size:14px;
font-family:arial;
text-align:center;
background-color:#000000;
border:1px solid #F2F2F2;}

/* Rechte Box */
#sidebar_container {
position:absolute;
left:50%;
top:140px;
margin-left:295px;
width:180px;
height:400px;
padding:5px;
color:#FFFFFF;
font-size:13px;
font-family:arial;
background-color:#343434;
background-image:url();
border:1px solid #F2F2F2;
overflow:auto;}

/* Titel Navigation */
#nav_heading {
padding:5px;
color:#FFFFFF;
font-size:14px;
font-family:arial;
text-align:center;
background-color:#000000;
border: 1px solid #FFFFFF;}

/* Feld Navigation */
#nav_container {
position: absolute;
left: 50%;
top: 140px;
margin-left: -485px;
width: 180px;
height: 400px;
padding:5px;
border: 1px solid #F2F2F2;
background-color:#343434;
background-image:url();
overflow:auto;}

/* Auflistung Navi-Links */
ul#nav {
padding: 0px;
margin: 0px;}

li.nav_element {
list-style-type: none;
position: relative;
padding-left:10px;
padding-top:5px;
width: 150px;
text-align: left;
border:0px solid #000000;}

/* Navigation Textlinks & Buttons */
li.nav_element a {
display: block;
width: 125px;
padding:5px;
color: #343434;
font-size:13px;
font-weight: bold;
font-family:arial;
text-decoration: none;
text-align: left;
background-color: #D9D9D9;
background-image:url(Hier Button-URL);
border: 1px solid #000000;}

/* Hover-Effekt Navi-Buttons */
li.nav_element a:hover {
color:#FFFFFF;
background-color: #800000;
background-image:url(Hier Button-URL 2);}



Alle Klassen lassen sich frei im Design verschieben, Ihr könnt diesen
Code frei anpassen, in Farben , Größen, Hintergründe , und Position.

Gruß Wolle
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de