Ich hab lange im Internet nachgeforscht und dann hab ich doch noch gefunden,
wonach ich gesucht hab und ein wenig daran rum experimentiert...
und tadaa, ich habs geschafft.^^
Ich weiß nicht so genau wie das hier läuft, aber wenns geht kann der Thread geschlossen werden.^^
Ich weiß nicht so genau ob das in diesen Bereich reingehört, aber ich hoffe mal es ist richtig hier.^^
Ich hab mir einen vorgefertigten CSS-Code von einer Internetseite kopiert und hätte gerne einen Kasten auf der rechten Seite, in der die 'Find us on Facebook' Box rein kann, wie bei Iceblue zum Beispiel.
Weiß jemand, was ich da in den Code einfügen muss?
Das einzige was ich kann ist nämlich nur Farben, Hintergründe und Breiten usw. verändern.
Von allem anderen hab ich echt keine Ahnung. ._.
(http://bbrot.de.tl/Home.htm)
Wenn ihr den Code dafür braucht, kann ich ihn auch noch reinstellen.
Hier ist der Code^^:
Code:
-->
</style>
<div id="Beispiel_6">
<style type="text/css">
<!--
#Beispiel_6 {
position: absolute;
top: 30px;
left: 50%;
margin-left: -375px;
width: 728px;
z-index:3; }
/* Werbung mit Schatten (IE +FF) + gerundete Ecken (FF+Safari+Google Chrome)
iframe {
border: 1px solid #343434;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#343434', Positive='true');
-moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #343434; }
/* Nullformatierung alle Browser */
*{ margin:0px; padding:0px; }
/* Hintergrund hinter dem Design */
body {
background-color:#202020;
background-image:url(http://img.webme.com/pic/a/anima-fans/bild0006.jpg); }
/* Textgröße + Textfarbe + Schriftart */
div , td {
color: #000000;
font-size: 14px;
font-family: arial; }
/* Hintergrund-Container */
#container {
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
width: 900px;
color: #FFFFFF;
overflow: hidden;
background-color: #ZZZZZZ;
background-image:url(http://img.webme.com/pic/a/anima-fans/bild0014.jpg);
border: 1px solid #343434;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#343434', Positive='true');
-moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #343434;
z-index:1; }
/* Feld der Navigation */
#nav_container {
float: left;
margin-left:25px;
margin-top:125px;
margin-bottom: 10px;
border: 0px solid #c9c9c9; }
/* Feld der Navi-Links */
li.nav_element {
float: left;
list-style-type: none;
margin-right: 7px; }
/* Navi-Button + Navi-Linkgröße + Linkfarbe */
li.nav_element a {
display: inline-block;
padding-left:6px;
padding-top:2px;
padding-right:8px;
padding-bottom:2px;
color: #000000;
font-size:12px;
font-family:arial;
text-align:left;
text-decoration: none;
background-color:#FFFFFF;
border: 1px solid #343434;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#343434', Positive='true');
-moz-box-shadow: 2px 2px 4px #343434, 2px 2px 4px #343434; }
/* Hover-Effekt Navi-Button */
li.nav_element a:hover {
color: #FFFFFF;
background-color: #CCCCCC; }
/* gerade besuchte Seite hervorheben */
li.checked_menu a {
color:#FFFFFF;
background-color:#4C4C66;}
/* Seiteninhalt - Textfeld */
#content {
float:left;
margin-left:25px;
margin-top:5px;
margin-bottom: 20px;
width:800px;
min-height:200px;
background-color:#FFFFFF;
padding: 20px;
border: 1px solid #343434;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#343434', Positive='true');
-moz-box-shadow: 3px 3px 4px #343434, 3px 3px 4px #343434; }
/* Linkfarbe + Größe im Textfeld */
#content a {
color: #000080;
font-size: 13px;
font-family: arial;
text-decoration: none;}
/* Streifen unter dem Design */
#unten{
margin: auto;
width: 1100px;
color: #ZZZZZZ;
font-size:14px;
font-family: arial;
padding: 10px;
text-align: center;
margin-bottom: 50px;
background-color: #303030;
border: 1px solid #343434;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#343434', Positive='true');
-moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #343434;}
/* Bilder mit Schatten und gerundete Ecken */
img {
margin-left: 5px;
margin-right: 5px;
border: 1px solid #343434;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#343434', Positive='true');
-moz-box-shadow: 3px 3px 4px #000000, 3px 3px 4px #343434; }
/* unnötige DIVs aus dem Design entfernt */
#pre_content {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#post_content {display: none;}
#below_content{display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
div.header {display: none;}
#counter {display: none;}
h1#header {display: none;}
h2#title span {display: none;}
#sidebar_heading {display: none;}
#header_container {display: none;}
#nav_heading {display: none; }
#sidebar_container {display: none; }
Zuletzt bearbeitet von bbrot am 03.05.2011, 20:41, insgesamt 3-mal bearbeitet
|