Autor
Nachricht
habboterm
02.01.2009 um 15:03 (UTC) Titel: [erledigt]Design
hi,
ich hab mir jetzt ein Design ausgesucht, mit Header etc. schon drin, und wollte wissen ob ich das im Design Code ändern muss oder ob ich das später einfach ein anderen Header hinzufügen kann!?
Und zweite frage was fang ich jetzt mit dem Design Code an? Wo hin damit?
Code: @charset "utf-8";
/* Designed & Coded By Jibbish Of Habbo UK */
body
{
background: #dadbd0;
margin: 0px;
font-family: Tahoma;
font-size: 11px;
color: #adaf96;
}
a, a:link, a:hover, a:visited
{
font-weight: bold;
text-decoration: none;
color: #7ed0e4;
}
td, tr, div
{
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
#banner
{
background: url(images/banner.png) no-repeat #99d9ea;
height: 118px;
width: 100%;
}
#bar
{
background: url(images/bar.png);
height: 19px;
width: 100%;
font-family: Tahoma;
font-size: 11px;
color: #FFFFFF;
padding-top: 4px;
}
#gradient
{
background: url(images/gradient.png);
height: 4px;
width: 100%;
text-align: center;
}
#contentcontainer
{
width: 389px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
text-align: left;
margin: 0 auto;
}
#content
{
background: url(images/content.png);
width: 379px;
padding-left: 5px;
padding-right: 5px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
#box
{
background: url(images/box.png);
width: 202px;
padding-left: 5px;
padding-right: 5px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
.box
{
background: url(images/box.png);
width: 202px;
padding-left: 5px;
padding-right: 5px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
#left
{
width: 221px;
float: left;
}
#right
{
width: 215px;
float: right;
text-align: left;
margin: 0 auto;
}
#container
{
text-align: left;
margin: 0 auto;
width: 832px;
}
Zuletzt bearbeitet von habboterm am 05.01.2009, 19:21, insgesamt einmal bearbeitet
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
02.01.2009 um 15:19 (UTC) Titel:
1. Du hast keine Design Bilder hochgeladen und
in den Code eingefügt...
2.Ich glaube nicht, dass alle Klassen, die im Code stehen, auch im HPBk gibt.
3. Der Code gehört dann hier hin:
Design einstellen -> CSS Design auswählen -> Erweiterte Einstellungen -> CSS-Code ohne Style Tags
mfg
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
habboterm
02.01.2009 um 15:28 (UTC) Titel:
hab ich schon probiert! Aber das geht nicht!
ich möchte halt so ein design! Gibts so ein ähnliches vll.?
und wiso Bild? Ich hab doch ein code und kein Bild!?
mfg
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
02.01.2009 um 15:32 (UTC) Titel:
Zitat: @charset "utf-8";
/* Designed & Coded By Jibbish Of Habbo UK */
body
{
background: #dadbd0;
margin: 0px;
font-family: Tahoma;
font-size: 11px;
color: #adaf96;
}
a, a:link, a:hover, a:visited
{
font-weight: bold;
text-decoration: none;
color: #7ed0e4;
}
td, tr, div
{
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
#banner
{
background: url(images/banner.png ) no-repeat #99d9ea;
height: 118px;
width: 100%;
}
#bar
{
background: url(images/bar.png );
height: 19px;
width: 100%;
font-family: Tahoma;
font-size: 11px;
color: #FFFFFF;
padding-top: 4px;
}
#gradient
{
background: url(images/gradient.png );
height: 4px;
width: 100%;
text-align: center;
}
#contentcontainer
{
width: 389px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
text-align: left;
margin: 0 auto;
}
#content
{
background: url(images/content.png );
width: 379px;
padding-left: 5px;
padding-right: 5px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
#box
{
background: url(images/box.png );
width: 202px;
padding-left: 5px;
padding-right: 5px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
.box
{
background: url(images/box.png );
width: 202px;
padding-left: 5px;
padding-right: 5px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
#left
{
width: 221px;
float: left;
}
#right
{
width: 215px;
float: right;
text-align: left;
margin: 0 auto;
}
#container
{
text-align: left;
margin: 0 auto;
width: 832px;
}
Ein Design besteht aus Bildern...
Du solltest die "rot" makierten Bilder hochladen und dann die URL des Bildes dort einfügen.
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
habboterm
02.01.2009 um 16:11 (UTC) Titel:
ok danke^^ aber kannst du mir noch erklären was mit content, box, etc. gemeint ist! ich glaube mit Banner ist der Header gemein oder?
mfg
↑
6p-bilder
02.01.2009 um 16:14 (UTC) Titel:
füge mal dort im roten ein bild ein, dann weisst du für was der bereich zuständig ist.
gruss gringo
learning by doing ^^
______________
Zuletzt bearbeitet von 6p-bilder am 02.01.2009, 17:14, insgesamt einmal bearbeitet
↑
habboterm
02.01.2009 um 16:16 (UTC) Titel:
das versteh ich jetzt nicht ganz! Wird das Bild autom. in einen Code umgewandelt? oder soll ich das einfügen und dann den Quellcode ansehen?
mfg
↑
habboterm
02.01.2009 um 16:38 (UTC) Titel:
ok habs verstanden und gemacht, aber hat immer noch nicht funktioniert!
habs sogar im richtigen Format geladen
Code: @charset "utf-8";
/* Designed & Coded By Jibbish Of Habbo UK */
body
{
background: #dadbd0;
margin: 0px;
font-family: Tahoma;
font-size: 11px;
color: #adaf96;
}
a, a:link, a:hover, a:visited
{
font-weight: bold;
text-decoration: none;
color: #7ed0e4;
}
td, tr, div
{
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
#banner
{
background: url(http://img.webme.com/pic/h/habboterm/header1.png) no-repeat #99d9ea;
height: 118px;
width: 100%;
}
#bar
{
background: url(http://img.webme.com/pic/h/habboterm/bar.png);
height: 19px;
width: 100%;
font-family: Tahoma;
font-size: 11px;
color: #FFFFFF;
padding-top: 4px;
}
#gradient
{
background: url(http://img.webme.com/pic/h/habboterm/gradient.png);
height: 4px;
width: 100%;
text-align: center;
}
#contentcontainer
{
width: 389px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
text-align: left;
margin: 0 auto;
}
#content
{
background: url(http://img.webme.com/pic/h/habboterm/content.png);
width: 379px;
padding-left: 5px;
padding-right: 5px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
#box
{
background: url(http://img.webme.com/pic/h/habboterm/box.png);
width: 202px;
padding-left: 5px;
padding-right: 5px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
.box
{
background: url(http://img.webme.com/pic/h/habboterm/box.png);
width: 202px;
padding-left: 5px;
padding-right: 5px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
#left
{
width: 221px;
float: left;
}
#right
{
width: 215px;
float: right;
text-align: left;
margin: 0 auto;
}
#container
{
text-align: left;
margin: 0 auto;
width: 832px;
}
mfg
↑
6p-bilder
02.01.2009 um 17:08 (UTC) Titel:
kann nicht gehen, weil die bilder nicht exestieren.
gruss gringo
______________
↑
habboterm
02.01.2009 um 17:16 (UTC) Titel:
ich hab sie doch hochgeladen?
oder wo muss ich die hochladen?
mfg?
↑
6p-bilder
↑
habboterm
02.01.2009 um 17:29 (UTC) Titel:
ja das kann sein! Aber wo soll ich die dann hochladen?
mfg
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
02.01.2009 um 17:34 (UTC) Titel:
Es taucht ein Bild auf
Ich weiss nur nicht, ob dies der Vorlage entspricht:
Kannst du mal das Bild der Vorlage geben?
mfg
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator Zuletzt bearbeitet von der-bielefeld-club am 02.01.2009, 18:34, insgesamt einmal bearbeitet
↑
habboterm
02.01.2009 um 18:00 (UTC) Titel:
Hier sind alle die du rot gemacht hattest!
Bar:
gradient:
content:
box:
Code: @charset "utf-8";
/* Designed & Coded By Jibbish Of Habbo UK */
body
{
background: #dadbd0;
margin: 0px;
font-family: Tahoma;
font-size: 11px;
color: #adaf96;
}
a, a:link, a:hover, a:visited
{
font-weight: bold;
text-decoration: none;
color: #7ed0e4;
}
td, tr, div
{
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
#banner
{
background: url(http://img.webme.com/pic/h/habboterm/header1.png) no-repeat #99d9ea;
height: 118px;
width: 100%;
}
#bar
{
background: url(http://img.webme.com/pic/h/habboterm/bar.png);
height: 19px;
width: 100%;
font-family: Tahoma;
font-size: 11px;
color: #FFFFFF;
padding-top: 4px;
}
#gradient
{
background: url(http://img.webme.com/pic/h/habboterm/gradient.png);
height: 4px;
width: 100%;
text-align: center;
}
#contentcontainer
{
width: 389px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
text-align: left;
margin: 0 auto;
}
#content
{
background: url(http://img.webme.com/pic/h/habboterm/content.png);
width: 379px;
padding-left: 5px;
padding-right: 5px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
#box
{
background: url(http://img.webme.com/pic/h/habboterm/box.png);
width: 202px;
padding-left: 5px;
padding-right: 5px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
.box
{
background: url(http://img.webme.com/pic/h/habboterm/box.png);
width: 202px;
padding-left: 5px;
padding-right: 5px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
#left
{
width: 221px;
float: left;
}
#right
{
width: 215px;
float: right;
text-align: left;
margin: 0 auto;
}
#container
{
text-align: left;
margin: 0 auto;
width: 832px;
}
mfg
↑