Hallo zusammen,
ich bin ziemlich ratlos. Ich benutze aktuell das "Brunelleschi" Theme. Soweit auch alles gut.
Ich würde jetzt gerne aus einem anderen Theme die Social Daten in meinen Header einbauen. Jedoch zerschieße ich mir
jedesmal mein Theme wenn ich das einfach rauskopiere und einfüge. Kann mir da jemand helfen? Wie es aussehen soll, sieht man hier: http://www.benthack-media.de. Einfach oben die Suche und die 4 Social Button hätte ich gern im Header.
Das ist der Code, der im Header steht:
HTML
.supra{
height:30px;
margin-bottom:5px;
}
.supra ul.social{
margin:0px 0px;
padding: 0px 0px;
float:right;
}
ul.social li{
float:left;
list-style:none;
margin-left:10px;
text-indent:-9000px;
}
ul.social li a{
display:block;
height:24px;
width:24px;
/* -moz-transition: background 0.2s linear 0s; */
-webkit-transition: background 500ms ease-in-out;
-moz-transition: background 1000ms ease-in-out;
-ms-transition: background 500ms ease-in-out;
-o-transition: background 500ms ease-in-out;
transition: background 500ms ease-in-out;
}
li.twitter a{
background-position:0px 0px;
background:url(images/social.png);
}
li.twitter a:hover{
background:url(images/social.png);
background-position:0px -216px;
}
li.facebook a{
background:url(images/social.png);
background-position:0px -48px;
}
li.facebook a:hover{
background:url(images/social.png);
background-position:0px -264px;
}
li.feed a{
background:url(images/social.png);
background-position:0px -96px;
}
li.feed a:hover{
background:url(images/social.png);
background-position:0px -312px;
}
li.mail a{
background:url(images/social.png);
background-position:0px -144px;
}
li.mail a:hover{
background:url(images/social.png);
background-position:0px -360px;
}
.top{
height:40px;
background:#ff743c;
}
.logo{
float:left;
background:#fff;
height:40px;
padding:0px 10px 0px 0px;
}
.logo h1{
margin:0px;
padding:0px;
text-transform:uppercase;
font-weight:800;
font-size:36px;
line-height:40px;
}
.logo h1 a:link, .logo h1 a:visited{
color:#444;
text-decoration:none;
}
Alles anzeigen
Denn hatte ich einfach in meinen Header eingefügt, schon ist alles kaputt.
Was mache ich falsch?