Suche im Forum:
Suchen


Autor Nachricht
Beitrag30.04.2011 um 21:52 (UTC)    
Titel: [gelöst] Kasten auf der rechten Seite

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
Beitrag01.05.2011 um 08:51 (UTC)    
Titel:

Der Code wäre gut, weil man da am besten zeigen kann, wo der Facebook-Code nun wieder
hin muss.

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beiträge der letzten Zeit anzeigen:   


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