Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag31.08.2010 um 13:16 (UTC)    
Titel: Banner im css-design einfügen

Hallo,
ich habe mir ein vorgefertigtes Css-Design rausgesucht, und nun habe ich ein Problem darin ein BIld einzufügen.
Es stand dabie das ich den Werbebanner net entfernen oder überdecken darf, nun habe ich aber keine Werbung drauf weil ich mir so ein Premium-Paket bestellt habe, nun würde ich anstelle der Werbung, die eh net da ist, mein Banner einstellen, komme aber selbst net mehr weiter.
Um Hilfe wäre ich sehr Dankbar.
Mfg Tom

www.partyservice-rung.de

Hier noch der Css-Code:
-->
</style>
<div id="Beispiel_2">
<style type="text/css">
<!--

#Beispiel_2 {
position: absolute;
top: 30px;
left: 50%;
margin-left: -470px;
width: 728px;
z-index:3; }

/* Frame mit Schatten + gerundete Ecken */
iframe{
border: 1px solid #640000;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6p
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#640000',Positive='true');
moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #45555D; }


/* Nullformatierung für alle Browser */
*{ margin:0px; padding:0px; }


/* Hintergrund hinter Design */
body {
background-color:#882220;
background-image:)l(http://img.webme.com/pic/p/partyservice-rung/header-party-service12.jpg);
background-repeat:repeat-x; }


/* Container mit Schatten + gerundete Ecken */
#container {
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
width: 980px;
overflow: hidden;
background-color: #FD9733;
background-image:url(http://img.webme.com/pic/t/table-test/bg_container_red.png);
background-repeat: repeat-x;
border: 1px solid #640000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#640000', Positive='true');
-moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #640000;
z-index:1; }


/* Header-Feld entfernt mit */
#header_container {
display: none; }


/* Feld der Navigation */
#nav_container {
float:left;
margin-left:22px;
margin-top:125px;
margin-right:10px;
margin-bottom: 20px;
width:120px;
border: 0px solid #c9c9c9; }


li.nav_element {
list-style-type: none;
margin-bottom: 7px; }

/* Navi-Button mit Schatten + gerundete Ecken */
li.nav_element a {
display: block;
padding-left:6px;
padding-top:2px;
padding-bottom:2px;
color: #55565E;
font-size:16px;
font-family:arial;
text-align:left;
text-decoration: none;
background-color:#FFFFFF;
border: 1px solid #640000;
-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 #640000; }

/* Hover Button */
li.nav_element a:hover {
color: #FFFFFF;
background-color: #A75001; }

/* gerade besuchte Seite */
li.checked_menu a {
color: #FFFFFF;
background-color: #882220; }

/* Textfeld mit Schatten + gerundete Ecken */
#content {
float:left;
margin-top:125px;
margin-right: 20px;
margin-bottom: 20px;
width:555px;
min-height:200px;
color:#000000;
font-size:13px;
font-family:arial;
text-align:left;
background-color:#FFFFFF;
background-image:url();
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
border: 1px solid #640000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#640000', Positive='true');
-moz-box-shadow: 2px 2px 4px #343434, 2px 2px 4px #640000; }

/* Linkfarbe und Linkgröße im Textfeld */
#content a {
color: #000080;
font-size: 13px;
font-family: arial;
text-decoration: none;}

/* rechte Box mit Schatten + gerundete Ecken */
#sidebar_container {
float: right;
margin-top: 125px;
margin-right: 20px;
margin-bottom: 20px;
width: 170px;
min-height: 375px;
padding: 5px;
color: #000000;
font-size:13px;
font-family: arial;
text-align: center;
background-color: #FFFFFF ;
border:1px solid #640000;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#640000', Positive='true');
-moz-box-shadow: 2px 2px 4px #000000, 2px 2px 4px #640000; }

/* Linkfarbe + Linkgröße in Box */
#sidebar_container a {
color: #000080;
font-size: 13px;
font-family: arial;
text-decoration: none;}

/* Streifen unter dem Design */
#unten {
margin: auto;
width: 960px;
color: #000000;
font-size:14px;
font-family: arial;
padding: 10px;
text-align: center;
margin-bottom: 50px;
background-color: #FD9733;
border: 1px solid #640000;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#640000', Positive='true');
-moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #640000; }

/* Alle Bilder mit + Schatten + abgerundete 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;}
#nav_heading {display: none;}


Zuletzt bearbeitet von partyservice-rung am 31.08.2010, 14:22, insgesamt einmal bearbeitet
Beitrag31.08.2010 um 13:19 (UTC)    
Titel:

du solltest den designcode hier posten, dann wird schneller geholfen.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag31.08.2010 um 19:15 (UTC)    
Titel:

Bei "Text über dem Design" ganz oben folgenden Code einfügen:
Code:
<div id="banner">
<img src="Bildadresse">
</div>


Bei [b]Css Code ohne Styletags[b] folgendes einfügen:
Code:

banner {
left: 50%;
margin-left: -??px; /* Hier die Breite des Banners eintragen */
}


Gebe keine Garantier für Richtigkeit im Moment, bin auf Lan-Party Wink
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.


Zuletzt bearbeitet von badweb am 31.08.2010, 20:16, insgesamt einmal bearbeitet
Beitrag01.09.2010 um 07:35 (UTC)    
Titel: Banner

Danke,
hat soweit geklappt, habe jetzt zwar nur den Banner über den Text-Design gesetzt, und ihn auf die Grösse des designs angepasst.
Das mit dem Css-Stylecode, habe ich jetzt nicht gefunden, aber ich denke das dürfte so klappen.
Danke für´s helfen.
Beiträge der letzten Zeit anzeigen:   


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