| Autor |
Nachricht |
-
fun-shit
|
 14.01.2009 um 19:08 (UTC)
Titel: Suche CSS-Profi: Der mir mein Design richtig einstellt!!!!!! |
|
|
Hallo,
habe auf einer Seite ein Template gefunden. Das Problem ist ich kenn mich kein bisschen mit CSS Codes aus. Daher suche ich nach einem der mir das Template so Einstellt das meine Seite mit dem Template funktioniert --> meine Seite im aufbau www.fun-shit.de.tl <-- Hoffe es gibts jemanden der mir helfen kann. Danke schonmal im Voraus!
CSS-Codes des Template
Code: /* ================ ALLGEMEIN =============== */
body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px;
background-color: #5599d6; padding:0px;
width:100%;
background-image:url(images/back_main.jpg);background-repeat:repeat-y;
background-position:center top;
font-size: 16px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
}
/* hinweis: die schrift für den inhaltsbereich ändern sie weiter unten bei #inbox */
/* scrolleiste internet explorer ab vers.5.5 */
body
{scrollbar-arrow-color: #517188; scrollbar-base-color: #fff;
scrollbar-highlight-color : #517188; scrollbar-shadow-color : #fff;
SCROLLBAR-TRACK-COLOR: #fff;}
#main {text-align:center;border:solid 0px #000;margin:0px;width:100%;}
#main_topvers2{width:0px;width:100%;
background-color: #;
background-image:url(images/header2.jpg);background-repeat:no-repeat;
background-position:center top;
}
/* ================ KOPFBEREICH ================ */
#main_top{width:0px;width:100%;
background-image:url(images/header.jpg);background-repeat:no-repeat;
background-position:center top;
}
#top {
height:44px;
text-align:left;
padding-left:20px;
;
}
#top1 {padding-left:50px;
padding-right:80px;
height:166px;
vertical-align:middle;
text-align:center;
color:#DEEDE4;
}
#top2 {
height:56px;
text-align:center;
vertical-align:middle;
color:#b6b6b6;
font-size:14px;
}
#hpname {letter-spacing:-1px;font-size:38px;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
color:#57A329;
}
#slogan {letter-spacing:-1px;font-size:16px;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
color:#4E9324;font-style:italic;
padding-left:48px
}
/* ================ INHALTSBEREICH ================ */
#main_inhalt{
width:100%;
height:1000px;
background-image:url(images/back_in.jpg);background-repeat:no-repeat;
background-position:center top;
}
#inhalt{width:920px;
height:100%;
}
ul.liste1 {list-style-image:url(images/arrow.gif);}
#sp1 {height:1100px;
color:#202020;
padding-top: 40px; padding-bottom: 40px;
padding-left: 40px;padding-right:40px;
letter-spacing:0px;
width:100%;
vertical-align:top;
text-align:justify;
font-size: 16px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
}
h3.boxheader {color:#60B52D;
font-size: 15px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
border-bottom:solid 1px #7F7F7F}
.box2{
font-size: 11px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
background-color:#;
padding:10px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#000;
border-bottom:dashed 0px #506a13;
border-right:solid 0px #fff;
border-left:solid 0px #fff;
}
.box1{
font-size: 14px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
background-color:#;
padding:10px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#202020;
}
.box3{
font-size: 14px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
background-color:#;
padding:10px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#202020;
}
.box4{
font-size: 12px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
background-color:#;
padding:10px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#202020;
}
#sp2 {
height:1100px;color:#000;font-size: 14px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif; padding-right:40px;
padding-top: 30px;
padding-bottom:30px;
}
/* überschriften */
h2{ font-family: arial, helvetica, tahoma ,verdana, sans-serif;
color:#79D244;
margin-bottom:10px;letter-spacing:2px;font-size: 18pt;
border-bottom:dashed 0px #000;
padding-bottom:4px;font-style:italic;
}
/* =============== FUSSBEREICH =============== */
#main_fuss{width:0px;width:100%;
}
#fuss {width:100%;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size:12px;
color: #000;
height:130px;
text-align:center;
vertical-align:middle;
letter-spacing:6px;
background-color:#7cb179;
background-image:url(images/fuss.jpg);background-repeat:no-repeat;
background-position:center top;
}
#fuss2 {width:100%;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size:12px;
color: #AAE388;
height:89px;
text-align:center;
vertical-align:middle;
background-color:#57a02a;
background-image:url(images/fuss2.jpg);background-repeat:no-repeat;
background-position:center top;
}
/* allgemeine links im text */
a:link, a:visited, a:active{ font-size: 16px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;color:#000 ;text-decoration:underline;background-color:#;}
a:hover{
color:#5BA032;text-decoration:none}
/* menue in box3 (weiter-links unter news) */
#menubox a , #menubox a:visited , #menubox a:active {display:inline;
background-color:#;
color:#40791E;
font-size: 14px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
text-decoration:underline;
text-align:left;
font-style:normal;
}
#menubox a:hover{
background-color:#5BA032;
color:#fff;
text-decoration:none ;
}
/* menue rechts */
#menu2 {
border: dashed 0px #fff;
background-color:#;
text-align: left;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
padding-bottom:0px;
padding-top:0px;
}
#menu2 ul, #menu2 li {
list-style-type: none;
margin-left:4px;
padding: 0px;
color:#04537D
}
#menu2 li a:link, #menu2 li a:visited, #menu2 li a:active {display:block;
border-bottom: dashed 0px #C2631D;
width:200px;
color:#000;text-decoration:none;
font-size: 15px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
height: 19px;
line-height: 19px;
background-image:url(images/kugel_nav.gif);
background-repeat:no-repeat;
background-position:4px 50%;
padding-left:28px;
}
#menu2 li a:hover { background:TRANSPARENT;
color:#000;
text-decoration:underline;;
background-image:url(images/kugel_nav2.gif);
background-repeat:no-repeat;
background-position:4px 50%;
padding-left:28px;
}
/* menue oben */
#menuhorizontal a, #menuhorizontal a:visited , #menuhorizontal a:active {display: block;
color:#478721;
font-weight:bold;
text-transform:capitalize;font-variant:small-caps;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 14px;
padding-left: 0px;padding-right: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
border-left:solid 0px #AAAAAA;
height:58px;
line-height:58px;
text-align:center;
}
#menuhorizontal a:hover {background-color:#; text-decoration:none ;
color:#FFF;
text-decoration:underline ;
border-left:solid 0px #fff;
}
.trenn {width:1px;color:white}
/* zweites menue ganz oben und unten */
.trenn2 {width:1px;color:#CEEFBA}
#menu a, #menu a:visited , #menu a:active {display: block;
color:#40791E;
text-decoration:none ;
font-family: arial, helvetica, tahoma ,verdana, sans-serif; font-size: 14px;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:40px;
line-height:40px;
text-align:center;
background-color:#202020;background:transparent
}
#menu a:hover {color:#fff; text-decoration:underline ;
background:transparent;}
} |
|
|
↑
|
|
 |
-
illusion-design
|
15.01.2009 um 01:25 (UTC)
Titel: |
|
|
Als erstes musst du mal die ganzen Bilder die im Code eingebaut sind hochladen das heißt überal wo im code steht (images/....) musst du die entsprechende datei hochladen und dann den url an die stelle einfügen wo jetzt (images/....) steht wenn du das gemacht hast kannste mich ja privat anschreiben dan erkläre ich es dir genau..
Team
Finddy.de ______________  
|
|
|
↑
|
|
|
-
kdl-design
|
15.01.2009 um 07:15 (UTC)
Titel: |
|
|
illusion-design hat Folgendes geschrieben: Als erstes musst du mal die ganzen Bilder die im Code eingebaut sind hochladen das heißt überal wo im code steht (images/....) musst du die entsprechende datei hochladen und dann den url an die stelle einfügen wo jetzt (images/....) steht wenn du das gemacht hast kannste mich ja privat anschreiben dan erkläre ich es dir genau..
Team
Finddy.de
Dürfen wir hier nicht daran teilhaben? Das interessiert andere User auch, zumal es den Baukasten betrifft. ______________ 
Der Link führt nicht mehr zu KDL-Design sondern zu meinen neuen Projekt
|
|
|
↑
|
|
|
-
designklauer
|
15.01.2009 um 11:50 (UTC)
Titel: |
|
|
ja, bin auch gespannt wie der gesamte code dann umgeschrieben wird, dass er hpbk tauglich ist. wäre nett es hier zu posten.
gruss gringo
bin mal gespannt wieviel "fremde templates" noch gepostet werden, die nicht tauglich sind und umgebaut werden müssen. in letzter zeit häufen diese codes sich ja. da heben die "codeanpasser" ja viel arbeit vor sich. ______________ 
Zuletzt bearbeitet von designklauer am 15.01.2009, 12:50, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
-
zitapage
|
15.01.2009 um 12:08 (UTC)
Titel: |
|
|
ich werd es mal machen
dauert 30minbis eine stunde ______________  |
|
|
↑
|
|
|
-
kdl-design
|
15.01.2009 um 12:09 (UTC)
Titel: |
|
|
@gringo: jetzt haste was gemacht 
Jetzt werden die Fremd-design-codeanpasser-Hps wie Pilze aus dem Boden schiessen.
@sorry liebe Mods: musste mal sein ______________
Der Link führt nicht mehr zu KDL-Design sondern zu meinen neuen Projekt
|
|
|
↑
|
|
|
-
fun-shit
|
15.01.2009 um 12:16 (UTC)
Titel: |
|
|
@illusion-design, danke schonmal für dein hilfe
@zitapage, ich habe hier ja die qual der wahl danke auch an dich
@zitapage, brauchst du die datei?? |
|
|
↑
|
|
|
-
zitapage
|
15.01.2009 um 13:13 (UTC)
Titel: |
|
|
ich wollte erstmal zeigen das es generell möglich ist webtemplates einzubauen
hier ein beispiel hab ich eben gemacht
www.keinsingle.de.tl
hier könnte ihr das template in orginal sehen
http://www.freelayouts.com/templates/singapore
das einzigste was ich verändert habe ist der content, denn kann man aber auch so machen wie auf der seite zusehen ist.
Das einzigste was man beachten muss alle menü punkte in einem template oder topmenüs oder so werden bei text über dem design als link in der entsprechenden id eingefügt per html. ______________ |
|
|
↑
|
|
|
-
lessing-b
|
15.01.2009 um 13:17 (UTC)
Titel: |
|
|
Wow sieht echt geil aus ______________ 
 |
|
|
↑
|
|
|
-
designklauer
|
15.01.2009 um 13:34 (UTC)
Titel: |
|
|
kdl-design hat Folgendes geschrieben: @gringo: jetzt haste was gemacht
Jetzt werden die Fremd-design-codeanpasser-Hps wie Pilze aus dem Boden schiessen.
@sorry liebe Mods: musste mal sein
finde ich ja nicht so schlimm, allerding haben die anpasser sich ein eigentor damit geschossen weil sie aus dem arbeiten nicht mehr rauskommen. ich würde es nicht machen und auch nicht supporten (kann ich auch nicht).
für den hpbk ist es ja gut. dann kann keiner mehr über dem hpbk meckern denn selbst hier ist mit know how alles möglich. 
gruss gringo ______________
Zuletzt bearbeitet von designklauer am 15.01.2009, 14:48, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
-
zitapage
|
15.01.2009 um 13:39 (UTC)
Titel: |
|
|
genau gringo
wollt ja nur zeigen das es möglich ist.
wenn man es kann ist man inner halben stunde fertig damit.
hier im hpbk ist so vieles möglich was einige nicht wissen hehe ______________ |
|
|
↑
|
|
|
|
