Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag09.03.2013 um 12:33 (UTC)    
Titel: Rechte Werbung Positionieren

Hallo zusammen!

Ich habe eine Kleine Frage, bzgl der "Rechten" Seiten Werbung und zwar habe ich schon bei mehreren Seiten mitbekommen, dass man diese auch versetzen kann!

Ich würde diese gerne mehr nach Unten setzen, sodass diese Mittig der Rechten Seite ist!

Bevor anmerkung kommen bzgl benutze die Suche abfrage. Habe ich bereits getan auch mit hilfe von matsk leider nicht hinbekommen. er hat mir ein Code gegeben aber leider funktioniert dieser nicht bei mir.

Die Werbung OBEN und UNTEN habe ich bereits hinbekommen. HABT ihr ggf. ein Lösungsvorschlag für mich? Wenn ihr den kompletten Code im Text über dem Design benötigt, schreibe ich Ihn euch hier rein!
Beitrag09.03.2013 um 12:41 (UTC)    
Titel: Re: Rechte Werbung Positionieren

Beitrag09.03.2013 um 12:57 (UTC)    
Titel:

Hallo, vielen Dank erstmal für deinen Post....
Leider hat es trotz deines Ausführlichen Post nicht geklappt.

Ich poste mal hier den Text über dem Design code, evtl findet Ihr ja den Fehler.


<style type="text/css">
<!--

#masthead { border-radius: 30px 30px 30px 30px; }
#header-image { border-radius: 20px 20px 20px 20px; }

.menu a:hover{
font-size:14px;
}

#access .main-menu{
text-align:center;
}



/* Sliderbox */
#featured {
width: 350px;
padding-right:200px;
position: relative;
border: 6px solid #585757;
height: 250px;
overflow:hidden;
box-shadow: 5px 0px 20px 5px #585757; }

/* Feld der Navi rechts */
ul.ui-tabs-nav {
position: absolute;
top: 0; left: 400px;
list-style: none;
padding: 0; margin: 0;
width: 250px; height: 250px;
overflow: hidden;}

/* Überschriften im Menu rechts */
li.ui-tabs-nav-item h3 {
font-size: 14px;
margin: 5px 0px 5px 0px; }


/* verlinkter Text im Menu rechts */
li.ui-tabs-nav-item a {
padding: 3px 10px 3px 20px;
display: block;
height: 56px;
text-decoration: none;
color: #333;
font-size: 11px;
outline: none;
border-bottom: 3px solid #585757; }

/* Hover Menu rechts */
li.ui-tabs-nav-item a:hover {
display: block;
background: #E6E7E7;
text-decoration: none;
color: #110101; }

/* Auto-Hover rechts */
li.ui-tabs-selected a {
background: #125181;
color: #FFFFFF; }


/* Feld für Bilder */
.ui-tabs-panel {
width: 400px;
height: 250px;
border-right: 3px solid #585757;
background: #160606;
position: relative; }

/* das Feld für Text auf Bild */
.ui-tabs-panel .text {
position: absolute;
bottom:0; left:0;
height: 70px;
background-color: #160606;
opacity: 0.7; }

/* Ueberschrift auf Bild */
.text h2 {
font-size: 15px;
font-family: Times New Roman;
color: #FFFFFF;
padding: 3px;
margin: 0px;
font-weight: normal;
overflow: hidden; }


/* Text im Bild */
.text p {
margin:0 5px;
font-size: 11px;
line-height: 20px;
color: #f0f0f0; }

/* Link im Bild */
.text a {
text-decoration: underline;
color: #FFFFFF;
font-size: 12px; }

/* Hoverlink im Bild */
.text a:hover {
color: #FFFFFF;
text-decoration: underline; }

.ui-tabs-hide{display:none; }


#claim, #inner-claim {
display: none!important;

}
#main h1 {
color: #FFFDFD;
font-size: 10px;
padding-left: 55px;
background-color:#2B71BE;
margin: -15px 0px 10px -50px;
border-radius: 20px 20px 20px 20px;
}

/* Aussehen Footer */
#new_footer {
width:975px;
min-height:15px;
padding: 15px;
color: #174AF1;
margin: 10px auto 50px auto;
overflow: hidden;
background-color: #FFFFFF;
box-shadow: 5px 0px 20px 5px #777777;
border-radius: 20px 20px 20px 20px;
}

.button {
margin: 3px 15px 3px -10px !important;
}


#teaser {
width: 500px;
overflow: hidden; }

#teaser ul {
width: 500px;
list-style-type: none;
padding: 0px;
margin: 0px; }

#teaser ul.menu li {
float: left;
margin-right: 5px;
margin-bottom: -1px; }


/* Menu-Buttons oben */
#teaser ul.menu li {
font-weight: bold;
display: block;
padding: 5px 10px 5px 10px;
background-color: #efefef;
margin-bottom: -1px;
border: 1px solid #d0ccc9;
color: #898989;
cursor: pointer; }

#teaser ul.menu li.active {
background: #fff;
top: 1px;
border-bottom: 0
color: #5f95ef; }

#teaser ul.menu li:hover {
color: #202020;
background-color:#ddd; }

/******* INHALT *******/
.inhalt {
font-size: 13px;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #d0CCC9;
margin: 0pt auto;
text-align: left;
padding: 20px 10px 20px 10px; }


/* Ueberschriften im Inhalt */
.inhalt h2 {
font-size: 14px;
font-family: arial;
color: blue;
margin-bottom: 10px; }

.inhalt.news_1 { display: block; }
.inhalt.news_2 { display: none; }
.inhalt.news_3 { display: none; }

#content {
border-radius: 20px 20px 20px 20px;
box-shadow:0px 10px 10px 10px #777777;
}



/*NEBENWERBUNG VERSCHIEBEN*/
div#webme_sky_ad{
width: 0px;
position: absolute;
top: 100px;
margin-left: 458px;
right: 0;
left: 50%;
}
/*NEBENWERBUNG VERSCHIEBEN ENDE*/



/* Werbung unten positionieren */
#footer {
display: block;
margin-top: 90px;
margin-left: 290px;
overflow: hidden;
padding: 0px ! important;
width: 600px;
position: absolute;
}

/* Linkgroesse + Schriftart + Linkfarben */
div a, td a {
color: #868181;
font-size: 12px;
font-family: Times New Roman;
text-decoration: none; }

/* Linkfarben HOVER */
div a:hover, td a:hover {
color: #868181;
font-size: 12px;
font-family: Times New Roman;
text-decoration: underline; }

/* Newsfeld - Breite - Abstand - Hintergrundfarbe */
.c_news {
width: 95%;
margin: 10px 0px 30px 0px;
padding: 10px;
overflow: hidden;
box-shadow: 3px 3px 10px 3px #c9c9c9;
border: 1px solid #DDDDDD;
background-color: #EEEEEE;
}

/* Grafik */
img.c_pic {
width: 150px !important;
float: left;
margin-right: 20px;
}

.c_right {overflow: hidden;}

/* Eigenschaften für Titel */
.c_right h3 {
font-weight: bold;
border-bottom: 1px dotted #666666;
color: #343434;
padding-right: 5px;
margin: 0px 0px 5px 0px;
}

/* Eigenschaften für Datum */
.c_right h3 span {
float: right;
display: block;
color: #666666;
font-weight: normal;
font-size: 12px;
}

/* Eigenschaften Infotext */
.c_text {
font-size: 15px;
font-family: Times New Roman;
}


.transparenz {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
opacity: .6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 */
filter: alpha(opacity=60); } /*IE7 und kleiner*/

.transparenz:hover {
opacity: 1.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }

/* Eigenschaften Linktext */
.c_text a{
float: right;
display: block;
margin-top: 5px;
}

/* Position */
#nach_oben {
position: fixed;
bottom: 30px;
margin-left: -120px; }

/* Aussehen des Buttons */
#nach_oben a {
width: auto;
padding: 7px 12px 7px 17px;
display: block;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #140101;
font-size: 8px;
font-family: arial;
background-color: #E7E3E3;

/* abgerundete Ecken */
border: 1px solid #c9c9c9;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s; }

/* Hover bei Mauskontakt */
#nach_oben a:hover {
color: #140101;
background-color: grey;}

/* Menü-Button */
#access li a {
color: color hex;
font-size: 12px;
padding: 0px 8px 0px 53px;
background-color: color hex;
text-transform: none !important;
background-image:url(http://theme.webme.com/designs/clean/arrows/blue.png );
}


/* HOVER Button */
#access li a:hover {
color: Black;
background-color: color hex;
box-shadow: 1px 0px 20px 1px #777777;
background-image:url(http://theme.webme.com/designs/clean/arrows/blue-light_down.png );}
}

/* Unterseiten im Menü */
#access ul ul li a {
color: color hex;
font-size: 12px !important;
background-color: color hex;
}

/* HOVER Unterseiten */
#access ul ul li a:hover {
color: color hex;
background-color: color hex; }

#main table {
margin-bottom: 20px;
}

#main table[width="110"] {
background-color: #EEEEEE;
border-radius: 10px 10px 10px 10px;
border: 1px solid #C9C9C9 ! important;
padding: 10px 10px 10px 13px;
}
td[width="33%"] {width: 40%;
}


/* Original-Box Hintergrundfarbe weiß */
#sidebar {
background-color: #FFFFFF!important;
}

/* Aussehen neue Boxen */
.boxen {
width: 90%;
min-height: 100px;
padding: 10px;
margin: 0px 0px 20px 0px;
background-color: #EEEEEE;
border: 1px solid #c9c9c9;
overflow: hidden;
}

/* Aussehen Balken mit Ueberschrift */
.boxen h2 {
background-color: #2B71BE;
color: white;
font-size: 14px;
margin: 0px 0px 5px 5px;
width: 200px;
padding-left: 10px;
box-shadow: 3px 5px 20px20px #bbb;
border-radius: 20px 20px 20px 20px;
}



ul.menu {
list-style-type: square;
padding-left: 25px; }

ul.menu li.link a {
font-size: 12px;
color: #343434;
text-decoration: none;
line-height: 30px; }

ul.menu li.link a:hover { color: chocolate; }


/* Formularfeld */
#main form {
border: 1px solid # 011013;
border-radius: 10px;
padding: 30px 0px 30px 30px;
margin-top: -25px;
background-color: #2AC2E0;
background-image: url();
background-repeat: no-repeat;
}

/* Tabellenspalten im Formular */
#main form td {
width: 270px;
padding: 5px;
}

/* Eingabefelder */
#main input, #main textarea {
border: 1px solid #011013;
border-radius: 3px;
}

/* Absende-Button */
#main input[type="submit"] {
margin-left: 190px;
margin-top: -50px;
}

/* Smileys im Formular */
#main form img {
float: left;
margin-left: 3px;
}

/* Feld mit Blätterfunktion */
#main table[width="100%"] {
padding-left: 30px;
margin-top: 20px;
}

/* komplettes Eintragsfeld */
table[width="80%"] {
font-size: 13px !important;
padding: 25px;
margin: 20px auto;
background-color: # CECBCB;
background-image: url();
border: 1px solid #011013;
width: 97% ! important;
}


/* Gästebuch Einträge */
td[width="75%"] {
padding: 10px;
display: block;
margin: 40px 0px 40px 0px;
width: 380px;
background-color: #FAF3F3;
border: 4px solid #c9c9c9;
border-radius: 8px;
}

/* Dein Gästebuch-Kommentar */
.Kommentar{
background-color: # CECBCB;
font-size: 13px;
color: black;
overflow: hidden;
margin:-40px;
padding: 10px;
}



/* Feld für Grafik */
ul.effekt li {
float: left;
width:175px; /* hier Bildbreite */
height: 115px; /* hier Bildhöhe */
list-style-type: none;
margin: 18px; /* Abstand zwischen Bilder */
padding: 8px;
background-color: #FFFFFF; /* Rahmenfarbe um Bilder */
border: 1px solid #c9c9c9;
box-shadow: 3px 3px 7px #202020; }

/* Feld mit Text */
ul.effekt li a {
display:block;
width: 160px; /* hier Bildbreite Minus 20 Pixel */
height: 95px; /* hier Bildhöhe Minus 20 Pixel */
padding: 10px;
color: #000000; /* Textfarbe */
font-size: 13px; /* Schriftgröße */
background-color: #FFFFFF;
position: relative;
text-decoration: none;
overflow: hidden; }

/* Überschriften */
ul.effekt li h4 {
margin-bottom: 15px;
color: #000000;
font-size: 14px; }

/* Bild vor Hover */
ul.effekt li img {
position: absolute;
top: 0px; left: 0px;
border: none;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear; }

/* Hover Bildposition */
ul.effekt li:hover img {
margin-top: -150px; } /* hier Bildbreite */

#headerslider_1 {
width: 230px; /* Breite, welche die Links brauchen ausgefahren */
height: 35px;
overflow: hidden;
top: 180px; /* Position des Sliders im Header */
margin-left: 775px; /* Position des Sliders im Header */
position: absolute;
z-index: 2;}

/* Das Feld für die 3 Links */
#kontakt {
overflow: hidden;
background-image: url(http://img.webme.com/pic/s/schiedsrichterkreis7/gaestebuch.jpg);
background-color: #FFFFFF; /* weißer Hintergrund */
background-repeat: no-repeat; /* = Icon nicht wiederholen */
background-position: 5px 2px; /* = Icon Position */
width: 240px; /* Breite ! anpassen, wenn keine 3 Links */
padding:2px 5px 5px 50px;
margin-left: 180px; /* Position eingefahren */
transition: all 0.5s linear; /* weicher Übergang - Sliden */
border: 1px solid #fff;
border-radius: 8px 0px 0px 8px; /* gerundete Ecken */
}

/* Feld mit Links fährt aus bei Hover */
#kontakt:hover{ margin-left:0px; }

/* Linktexte */
#kontakt a{
float: left; /* Links nebeneinander */
color: #343434; /* Linkfarbe */
margin-right: 12px; /* Abstand zwischen Links */
font-size: 12px; /* Texgröße */
display: block; }

-->
</style>


<div style="width:1050px; overflow:hidden; margin:auto;">
<div id="headerslider_1">
<div id="kontakt">
<a href="http://schiedsrichterkreis7.de.tl/Kontakt.htm">Kontakt</a>
<a href="http://schiedsrichterkreis7.de.tl/G.ae.stebuch.htm">Gästebuch</a>
<a href="http://schiedsrichterkreis7.de.tl/Impressum.htm">Impressum</a>
</div>
</div>
Beitrag09.03.2013 um 13:22 (UTC)    
Titel:

Hey,

ich glaube beim Clean Design, kann man die Neben-Werbung nicht verschieben, die Codes, die ich dir gezeigt habe, sind für CSS Designs geeignet.
____________________
MFG:

Eigene Designs | Designvorlagen | Hilfeseiten und anderes Nützliches | Anmelden | Gästebuch | Tutorials | Topliste
Beiträge der letzten Zeit anzeigen:   


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