Ich gebs auf!
Werd mir wohl nen Coder suchen, der mir die Page so herzaubert wie die hier:
supportersms.su.ohost.de/ilchcommunity_1.2.6/index.php
Das ist mein schönes, selbstgemachtes design noch nciht sliced, da es eben dem code angepasst werden muss.
king2k4.ki.funpic.de/sinanay/neu-2.htm
Das ist der css code den er für seine seite benutzt.
.abg {
background-color: #000000;
}
a:link, a:visited, a:active {
color: #000000;
font-family: Arial;
font-size: 12px;
text-decoration: none;
font-style: normal;
}
a:hover {
color: #ac0101;
font-family: Arial;
font-size: 12px;
font-style: normal;
}
a.box, a.box:link, a.box:active, a.box:visited {
color: #FFFFFF;
font-family: Arial;
font-size: 12px;
text-decoration: none;
}
a.box:hover {
text-decoration: underline;
color: #FFFFFF;
}
a.smalfont:link, a.smalfont:visited, a.smalfont:active{
color: #5e5e5e;
}
#Ballg {
color: #000000;
}
#Ballg td {
color: #000000;
}
.Bhead {
background-color: #5ED337;
color: #000000;
}
.Bbody {
background-color: #969696;
color: #000000;
}
.border {
background-color: #1b1b1b;
}
.Callg {
background-color: #FFFFFF;
color: #000000;
}
.Callg td {
color: #000000;
}
hr {
height: 0px;
border: solid #1b1b1b 0px;
border-top-width: 1px;
}
input, textarea, select {
color: #000000;
font: 12px Arial;
border-color: #000000;
border-width: 1px;
border-style: solid;
font-weight: none;
text-decoration: none;
background-color: #E5E5E5;
}
legend {
font-family: Arial;
font-size: 12px;
color: #000000;
}
a.menu{
color: #FFFFFF;
}
.menulink a{
color: #ffffff;
}
p {
color: #000000;
font-size: 12px;
}
.rand {
border: solid #1b1b1b 1px;
background-color: #000000;
}
.smalfont {
font-size: 12px;
font-color:#000000;
text-decoration: none;
font-style: normal
}
a.top {
font-family: Arial;
font-size: 12px;
color: #949494;
}
a.top:hover{
text-decoration: underline;
}
/*
################################
Spalte mit Angabe der class top##
################################
*/
td.top {
font-family: Arial;
font-size: 12px;
color: #949494;
}
/*
################################
Spalte ohne Angabe einer class##
################################
*/
td {
font-family: Arial;
font-size: 12px;
color: #000000;
}
/*
###################################
Spalte mit Angabe der class white##
###################################
*/
td.white {
font-family: Arial;
font-size: 12px;
color: #FFFFFF;
}
/*
################
Tabellenzeilen##
################
*/
.Chead {
background-color: #c0c0c0;
color: #000000;
font-size: 12px;
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b {
color: #000000;
}
.Cnorm {
color: #000000;
background-color: #F2F2F2;
}
.Cmite {
background-color: #E5E5E5;
}
.Cdark {
background-color: #D4D4D4;
}
.Cdark1 {
background-color: #ffff00;
}
/*
########
Ticker##
########
*/
.ticker{
color: #f6cb20;
font: 12px Arial;
height: 26px;
}
.ticker:link, .ticker:hover, ticker:active, ticker:visited{
color: #f6cb20;
text-decoration: underline;
}
/*
#################
vertikales Menü##
#################
*/
.menu, .menu:visited, menu:link
{
display: block;
margin-top: 0px;
width: 168px;
height: 15px;
color: #FFFFFF;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-image: url(images/button_unbeschriftet_p.GIF);
background-color: #4e4e4e;
text-indent: 20px;
}
.menu:hover
{
margin-top: 0x;
width: 168px;
height: 15px;
color: #f6cb20;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-image: url(images/button_unbeschriftet_a.GIF);
background-color: #4e4e4e;
text-indent: 20px;
}
/*
###################
horizontales Menü##
###################
*/
a.menu_h, a.menu_h:visited, a.menu_h:active{
display: block;
margin-top: 0px;
width: 101px;
height: 22px;
color: #000000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-image: url(images/lauftext_p.GIF);
background-color: #ffffff;
text-align: center;
padding-top: 5px;
}
a.menu_h:hover{
color: #f6cb20;
font-weight: bold;
background-image: url(images/lauftext_a.GIF);
}
/*
#########################################
Footer und Boxen Next Match, Last Match##
#########################################
*/
a.footer, a.footer:visited{
color: #ffffff;
}
a.footer:hover{
color: #f6cb20;
}
/*
##############
Boxen-Header##
##############
*/
.boxheader {
color: #ffffff;
}
/*
#############
Boxeninhalt##
#############
*/
.boxinhalt, .boxinhalt:link, .boxinhalt:vlink, .boxinhalt:hover {
color: #ffffff;
}
td.boxinhalt, label.boxinhalt{
color: #ffffff;
}
div.boxinhalt{
color: #ffffff;
}
/*
########################
Registrierung/LoginBox##
########################
*/
a.regist, a.regist:link, a.regist:visited, a.regist:active{
color: #f6cb20;
font-weight: bold;
}
a.regist:hover{
color: #f6cb20;
text-decoration: underline;
}
/*
###########
Sonstiges##
###########
*/
#menu { font-size: 12px; padding-left: 0px; margin-left: 0px; }
#menu ul { padding-left: 0px; margin-left: 0px; }
#menu a {font-color:# 000000; font-size: 12px; }
#menu_h { font-size: 12px; padding-left: 0px; margin-left: 0px; }
#menu_h ul { padding-left: 0px; margin-left: 0px; }
#menu_h a {font-color:# 000000; font-size: 12px; }
#smallmenu { }
#smallmenu li {font-color:# 000000; font-size: 12px; }
#smallmenu a {font-color:# 000000; font-size: 12px; }
Schon eine ganze Menge, bei der ich nicht weiß wie ich das auf meine hp übertragen kann
So wie ich es auf der seite von Domme vermute, hat er rechts ein code geschrieben, für die boxen, die für jede Box einen HEAD darunter normales BG darunter dann die fusszeile einfügt.
Deshalb hab ich mir gedacht, ich lass auf meinem design rechts alles frei, und mache 3 kleine Bilder also von der Länglichen BOX so dass sie der BOX Seiten von ilch angepasst werden.
ISt so etwas möglich?
mfg
So. 09.11.2008
14:49 Uhr
#1
