Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag14.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;}
}
Beitrag15.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
______________




Beitrag15.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
Beitrag15.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
Beitrag15.01.2009 um 12:08 (UTC)    
Titel:

ich werd es mal machen

Smile

dauert 30minbis eine stunde
______________
Beitrag15.01.2009 um 12:09 (UTC)    
Titel:

@gringo: jetzt haste was gemacht Rolling Eyes

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
Beitrag15.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??
Beitrag15.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.
______________
Beitrag15.01.2009 um 13:17 (UTC)    
Titel:

Wow sieht echt geil aus
______________

Beitrag15.01.2009 um 13:34 (UTC)    
Titel:

kdl-design hat Folgendes geschrieben:
@gringo: jetzt haste was gemacht Rolling Eyes

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

gruss gringo
______________



Zuletzt bearbeitet von designklauer am 15.01.2009, 14:48, insgesamt einmal bearbeitet
Beitrag15.01.2009 um 13:39 (UTC)    
Titel:

genau gringo Smile

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 Smile
______________
Beiträge der letzten Zeit anzeigen:   


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