Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag05.08.2011 um 13:02 (UTC)    
Titel: Header ändern

Hallo,
bin neu hier!

Versuche den Header zu ändern, habe ein Bild mit 980 x 104 Pixeln eingefügt,
aber es wird auf der Website dann nicht angezeigt!


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

/* Werbung mittig */
table[height="102"] { margin: auto; }

/* Hintergrund hinter Design */
body {
background-color: #1E5843;
background-image: url(http://img.webme.com/pic/g/grafik-werkstatt/bggreen2.png);
background-repeat: repeat;
background-attachment: fixed; }

/* Design mittig */
table.edit_main_table {
width: 980px!important;
margin: auto;
margin-bottom: 50px; }

zweite Tabelle um Icblue */
table.edit_second_table {
width: 980px!important; }

/* dritte Tabelle um Iceblue */
table.edit_third_table {
width: 980px!important; }

td.edit_main_tr { height: 50%!important; }

/* --- Headerfeld 980 x 104--------------*/
td.edit_header_full table[width="921"] {
width: 980px!important;
height: 104px!important;
background-color: #1E5843;
background-image: url(http://img.webme.com/pic/s/sv-japons/header_fussball.png);
border: 1px solid #133621;
-moz-box-shadow: 7px 7px 9px #05100C;
-webkit-box-shadow: 7px 7px 9px #05100C;
box-shadow: 7px 7px 9px #05100C;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#05100C', Direction=135, Strength=7); }
/* ----- Headerfeld Ende -------------- */

td.edit_header_full {
background-image: url()!important; }

td.edit_navi_headbg {
height: 50%!important;
background-image: url(); }

/* Tabelle um Navigation */
td.edit_navi_headbg table {
width:170px!important;
margin-top: 15px;
border-left: 1px solid #133621;
border-top: 1px solid #133621;
border-right: 1px solid #133621;
-moz-box-shadow: 7px 7px 9px #05100C;
-webkit-box-shadow: 7px 7px 9px #05100C;
box-shadow: 7px 7px 9px #05100C;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#05100C', Direction=135, Strength=7); }

/* Titelfeld über Navi 160 x 30 */
td.nav_heading {
color: #FFFFFF;
height:30px;
background-color: #454545;
background-image: url(http://img.webme.com/pic/t/table-test/streifen19.png); }


/* Navi-Button 160 x 33 */
td.nav {
padding-left:20px!important;
background-color: #FFFFFF;
background-image: url(); }

/* HOVER Button 160 x 33 */
td.nav:hover {
background-color: #2F8A6A;
background-image: url(); }

/* Navi-Links */
td.nav a {
display: block;
line-height: 33px;
font-size: 15px;
font-family: arial;
color: #000000;
text-decoration: none; }

/* besuchte Links */
td.nav a:visited {
font-size: 15px;
font-family: arial;
text-decoration: none; }

/* HOVER Textlink */
td.nav a:hover {
font-size: 15px;
font-family: arial;
color: #FFFFFF;
text-decoration: none; }

/* Bild unter Navigation entfernt */
td.edit_below_nav img { display:none; }

/* Abschluss unter der Navigation */
td.edit_below_nav {
height:20px!important;
background-image: url(http://img.webme.com/pic/g/grafik-werkstatt/footgreen.png); }

td.edit_rechts_cbg {
height: 50%!important;
background-image: url(); }

/* Tabelle um Seiteninhalt */
table.edit_rechts_tabelle {
width:616px!important;
margin-left: 12px;
margin-top: 15px ;
margin-right: 12px;
background-color: #FFFFFF;
border: 1px solid #133621;
-moz-box-shadow: 7px 7px 9px #05100C;
-webkit-box-shadow: 7px 7px 9px #05100C;
box-shadow: 7px 7px 9px #05100C;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#05100C', Direction=135, Strength=7); }

td.edit_content {
padding: 5px!important;
background-color:#FFFFFF;
background-image: url(); }

/* Titelfeld über Seite 610 x 30 */
td.edit_content_top {
height: 30px;
background-color: #454545;
background-image: url(http://img.webme.com/pic/t/table-test/streifen19.png); }

/* Titeltext über Seiteninhalt */
td.headline2 {
color: #FFFFFF;
font-size: 12px;
font-family: araial; }

td.edit_content_main div {
overflow: hidden!important; }

td.edit_content_left_spacer , td.edit_content_right_spacer {
background-image: url(); }

/* Abschluss unten im Seiteninhalt */
td.edit_content_bottom {
height: 20px!important;
background-image: url(http://img.webme.com/pic/g/grafik-werkstatt/footgreen.png); }

/* Counterfeld unten 610 x 30 */
td.edit_content_bottom2_counter {
padding: 5px;
text-align: center;
color: #FFFFFF!important;
background-color: #454545;
background-image: url(http://img.webme.com/pic/t/table-test/streifen19.png);
border: 1px solid #133621; }

td.edit_content_bottom2 {
background-image: url(); }

/* Tabelle um Counter */
td.edit_content_bottom2 table {
margin:auto;
margin-top: 10px;
width:616px!important;
-moz-box-shadow: 7px 7px 9px #05100C;
-webkit-box-shadow: 7px 7px 9px #05100C;
box-shadow: 7px 7px 9px #05100C;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#05100C', Direction=135, Strength=7); }

td.edit_content_bottom2_left_spacer, td.edit_content_botom2_right_spacer {
display: none; }

/* rechte Boxen 1 bis 5 */
table#sidebar_heading_1,
#sidebar_heading_2,
#sidebar_heading_3,
#sidebar_heading_4,
#sidebar_heading_5 {
margin-top: 15px;
border: 1px solid #133621;
background-color: #FFFFFF;
-moz-box-shadow: 7px 7px 9px #05100C;
-webkit-box-shadow: 7px 7px 9px #05100C;
box-shadow: 7px 7px 9px #05100C;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#05100C', Direction=135, Strength=7); }


/* Titelfeld über Box 168 x 30 */
td.sidebar_heading {
height: 30px;
color: #FFFFFF;
background-color: #454545;
background-image: url(http://img.webme.com/pic/t/table-test/streifen19.png); }

td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
background-image: url(); }

/* Abschluss unter den Boxen */
td.edit_rb_footer {
height:20px!important;
background-image: url(http://img.webme.com/pic/g/grafik-werkstatt/footgreen.png); }

td.edit_rechts_bottom{
background-image: url(); }

td.edit_rechts_sbg { display:none; }

/* Schriftgroesse + Schriftart + Textfarbe */
div, td, span {
color: #000000;
font-size: 12px;
font-family: arial, verdana; }

/* Aussehen Links Seiteninhalt */
div a, td a {
color: #000080;
font-size: 12px;
font-family: arial, verdana;
text-decoration: underline; }

/* aussehen besuchte Links */
div a, td a {
color: #000080;
font-size: 12px;
font-family: arial, verdana;
text-decoration: underline; }

/* Linkfarben HOVER Seiteninhalt*/
div a:hover, td a:hover {
color: #800000;
font-size: 12px;
font-family: arial, verdana;
text-decoration: underline; }


/* Name im Header entfernen*/

td.headline{visibility:hidden;}


-->
</style>
Beitrag05.08.2011 um 13:05 (UTC)    
Titel:

http://img.webme.com/pic/s/sv-japons/header_fussball.png

ich seh den haeder. mach das bild aber etwas breiter, dann verschwindet rechts der weisse rand auch noch.

http://666kb.com/i/bvteuy2xo2wq635na.png hier der haeder ohne den weissen rand.

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



Zuletzt bearbeitet von 6p-iceblue am 05.08.2011, 14:11, insgesamt 2-mal bearbeitet
Beitrag05.08.2011 um 13:15 (UTC)    
Titel:

stimmt, auf einem anderen rechner sehe ich das bild auch!
komisch!

danke jedenfalls!
Beitrag05.08.2011 um 13:21 (UTC)    
Titel:

Wieso verschwindet den der Header wenn man mit der Maus drauf geht ? Oder ist dies gewollt und wenn man die Button anklickt wackel diese irgend wie komisch ?!?!?
Beitrag08.08.2011 um 17:54 (UTC)    
Titel:

ja, warum verschwindet der header wenn man drüber geht?

hier mein code:



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

/* Werbung mittig */
table[height="102"] { margin: auto; }

/* Hintergrund hinter Design */
body {
background-color: #121212;
background-image: url(http://img.webme.com/pic/s/sv-japons/liverpool-anfield-klein.jpg);
background-repeat: no-repeat;background-position: center top;border: 0px
double #FFCC00;}

/* Design mittig */
table.edit_main_table {
width: 980px!important;
margin: auto;
margin-bottom: 50px; }

/* zweite Tabelle um Icblue */
table.edit_second_table {
width: 980px!important; }

/* dritte Tabelle um Iceblue */
table.edit_third_table {
width: 980px!important; }

td.edit_main_tr { height: 50%!important; }

/* --- Headerfeld 980 x 104--------------*/
td.edit_header_full table[width="921"] {
width: 980px!important;
height: 104px!important;
background-color: #;
background-image: url(http://img.webme.com/pic/s/sv-japons/header_fussball.png);
border: 1px solid #000000;
-moz-box-shadow: 7px 7px 9px #000000;
-webkit-box-shadow: 7px 7px 9px #000000;
box-shadow: 7px 7px 9px #000000;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=7); }


/* Optional meine Werbung HEADER 980 x 104 darf man weg lassen */
td.edit_header_full table[width="921"]:hover {
background-color: #;
background-image: url(http://img.webme.com/pic/f/finest-design/meinewerbung.jpg); }

/* ----- Headerfeld Ende -------------- */

td.edit_header_full {
background-image: url()!important; }

td.edit_navi_headbg {
height: 50%!important;
background-image: url(); }

/* Feld der Navigation */
td.edit_navi_headbg table {
width:160px!important;
margin-top: 15px;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
-moz-box-shadow: 7px 7px 9px #000000;
-webkit-box-shadow: 7px 7px 9px #000000;
box-shadow: 7px 7px 9px #000000;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=7); }

/* Titelfeld ber Navi 160 x 30 */
td.nav_heading {
color: #d2d1d1;
height: 30px;
font-size: 14px;
font-family: Verdana;
background-color: #;
background-image: url(http://img.webme.com/pic/f/finest-design/carbon160.png); }

/* Navi-Button 160 x 33 */
td.nav {
background-color: #2c2c2c;
background-image: url(http://img.webme.com/pic/f/finest-design/but2.png); }

/* Navi-Links */
td.nav a {
display: block;
line-height: 33px;
font-size: 14px;
font-family: Verdana;
color: #FFFFFF;
text-decoration: none; }

/* HOVER Button 160 x 33 */
td.nav:hover {
background-color: #;
background-image: url(http://img.webme.com/pic/f/finest-design/but2.png); }

/* HOVER Textlink */
td.nav a:hover {
font-size: 15px;
font-family: Verdana;
color: #2d8701;
text-decoration: none; }

/* Grafik unter Navi entfernt mit */
td.edit_below_nav img { display:none; }

/* Abschluss unter der Navigation */
td.edit_below_nav {
height: 20px;
background-image: url(http://img.webme.com/pic/f/finest-design/carbon16020.png); }

td.edit_rechts_cbg {
height: 50%!important;
background-image: url(); }

/* Seiteninhalt */
table.edit_rechts_tabelle {
width:620px!important;
margin-left: 15px;
margin-top: 15px ;
margin-right: 15px;
background-color: #2c2c2c;
background-image: url();
border: 1px solid #000000;
-moz-box-shadow: 7px 7px 9px #000000;
-webkit-box-shadow: 7px 7px 9px #000000;
box-shadow: 7px 7px 9px #000000;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=7); }


td.edit_content {
padding: 5px!important;
background-image: url(); }

/* Titelfeld ber Seite 610 x 30 */
td.edit_content_top {
height: 30px;
background-color: #d2d1d1;
background-image: url(http://img.webme.com/pic/f/finest-design/mactextstrip61830.png); }

/* Titeltext ber Seiteninhalt */
td.headline2 {
color: #d2d1d1;
font-size: 14px;
font-family: Verdana; }

/* Abstandshalter links und rechts im Seiteninhalt */
td.edit_content_left_spacer , td.edit_content_right_spacer {
background-image: url(); }

/* Abschluss unter Seiteninhalt */
td.edit_content_bottom {
height: 20px;
background-image: url(http://img.webme.com/pic/f/finest-design/mactextstrip61820.png); }

/* Counterfeld unten 610 x 30 */
td.edit_content_bottom2_counter {
padding: 5px;
text-align: center;
color: #000000!important;
background-color: #;
background-image: url();
border: 0px solid #454545; }

td.edit_content_bottom2 {
background-image: url(); }

Tabelle um Counter herum */
td.edit_content_bottom2 table{
margin: auto;
margin-top: 10px;
width: 610px!important;
-moz-box-shadow: 7px 7px 9px #000000;
-webkit-box-shadow: 7px 7px 9px #000000;
box-shadow: 7px 7px 9px #000000;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=7); }

td.edit_content_bottom2_left_spacer, td.edit_content_botom2_right_spacer {
display: none;}

/* rechte Box 1 bis 5 */
table#sidebar_heading_1,
table#sidebar_heading_2,
table#sidebar_heading_3,
table#sidebar_heading_4, table#sidebar_heading_5 {
margin-top: 15px;
border: 1px solid #000000;
background-color: #121212;
-moz-box-shadow: 7px 7px 9px #000000;
-webkit-box-shadow: 7px 7px 9px #000000;
box-shadow: 7px 7px 9px #000000;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=7); }


/* Titelfeld ber Box 168 x 30 */
td.sidebar_heading {
height: 30px;
color: #d2d1d1;
font-size: 14px;
font-family: Verdana
background-color: #cccccc;
background-image: url(http://img.webme.com/pic/f/finest-design/carbon168.png);
border-bottom: 0px solid #c9c9c9; }

/* Inhalt der Boxen */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
background-color: #2c2c2c;
background-image: url(); }

/* Abschluss unter den Boxen */
td.edit_rb_footer {
height: 20px;
background-image: url(http://img.webme.com/pic/f/finest-design/carbon16820.png); }

td.edit_rechts_bottom {
background-image: url();}

td.edit_rechts_sbg {display:none;}


/* Schriftgroesse + Schriftart + Textfarbe */
div, td, span {
color: #cccccc;
font-family: Verdana; }


/* Name im Header entfernen*/
td.headline{visibility:hidden;}


-->
</style>
Beitrag08.08.2011 um 18:01 (UTC)    
Titel:

Es liegt hieran:
Zitat:
/* Optional meine Werbung HEADER 980 x 104 darf man weg lassen */
td.edit_header_full table[width="921"]:hover {
background-color: #;
background-image: url(http://img.webme.com/pic/f/finest-design/meinewerbung.jpg); }

Einfach löschen, dann passt es.

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