Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag03.09.2009 um 10:47 (UTC)    
Titel: Design Iceblue : Coolmenü (Navi oben) verändern

Hallo,

das mit dem kompletten Designwechsel verschiebe ich auf einen späteren Zeitpunkt.

Allerdings möchte ich unbedingt meine Navigation optisch ändern.

Ich finde diese einfach zu breit und zu hoch, außerdem die Schrift nicht mehr schön bzw. zu klein.

Kann mir jemand, anhand der folgenden Codes ein paar Veränderungstipps geben? Die Hover-Funktion natürlich entsprechend angepasst.

Vielen Dank!

<b><marquee>Willkommen auf der Homepage unserer Bambinis der JSG Altenhaßlau/Eidengesäß!</marquee></b>
<div align="center">
<style type="text/css">
<!--
/* Design verbreitern */
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
td#nav_Abstand1{visibility:hidden;height:5px;}
td#nav_Abstand2{visibility:hidden;height:5px;}
td#nav_Abstand3{visibility:hidden;height:5px;}
td#nav_Abstand4{visibility:hidden;height:5px;}
td#nav_Abstand5{visibility:hidden;height:5px;}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url(http://www.jsg-altenhasslau-eidengesaess.de/resources/_wsb_150x168_Jugend-Wappen4.jpg);
background-repeat:no-repeat;
background-position: center center;}
-->
</style>
<style type="text/css">
<!--
td.headline{visibility: hidden;}
td.nav{
text-decoration: none;
color:#000000;
width: 185px;
height: 40px;
background-image:url(http://jsg-altenhasslau-eidengesaess.de/resources/button.png);}
td.nav:hover{background-image: url();border: 2px solid #FFFFFF;}
body {background-color:#3366FF;}

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{background-image:url(); background-color:#3366FF;}
font-family: Arial,Verdana;
font-size: 14px;
color:#000000;
font-weight: bold;}
td.sidebar_heading {
font-size:15px;
color:#ffffff;
background-color:#ffffff;
font-weight: bold
background-color:url();
text-align:center; }
td.headline2{
font-size:15px;
color:#FFFFFF;
background-color:#FFFFFF;
background-color:url();
text-align:center; }
td.nav_heading{
font-size:18px;
color:#FFFFFF;
background-color:#FFFFFF;
background-color:url();
text-align:center; }
td.nav{text-align:center;}
td.edit_rechts_cbg{background-image:url(URL);background-color:#3366FF;}
td.edit_rechts_bottom{background-image:url(URL);background-color:#3366FF;}
td.edit_navi_headbg{background-image:url(URL);background-color:#3366FF;}
td.edit_rb_footer{background-image:url(URL);background-color:#3366FF;}
td.edit_content_bottom2{background-image:url(URL);background-color:#3366FF;}
td.edit_copyright{background-image:url(URL);background-color:#3366FF;}
a{color:#000000; font-size: 11px; font-weight: bold;}
a:hover {color:#000000; font-size: 11px; text-decoration: none;font-weight: bold;}
a:link {color:#000000; font-size: 11px; text-decoration: ;}
a:active {color:#000000; font-size: 11px; text-decoration: ;}
a:visited {color:#000000; font-size: 11px; text-decoration: ;}
td.edit_rechts_sbg{display:none;}
.shouty, .shouty2, .shouty3, {border: 2px solid #232322;}
td.shouty{background-image:url(http://www.bilder-hochladen.net/files/8xhh-x.jpg);background-color:#000066;}
td.shouty2{background-image:url(http://www.bilder-hochladen.net/files/8xhh-x.jpg);background-color:transparent;}
td.shouty3{background-image:url(http://www.bilder-hochladen.net/files/8xhh-x.jpg);background-color:transparent;}
td.shouty4{background-image:url(http://www.bilder-hochladen.net/files/8xhh-x.jpg);background-color:transparent;}
td.shouty5{background-image:url(http://www.bilder-hochladen.net/files/8xhh-x.jpg);background-color:transparent;}
a: link {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}
-->
</style>
<div align="center"> <table border="0" width="70%"> <tr> <td>


Ich danke Euch vorab, für Eure Hilfe Wink


Zuletzt bearbeitet von jsg-altenhasslau-eidengesaess am 04.09.2009, 11:16, insgesamt 2-mal bearbeitet
Beitrag03.09.2009 um 11:45 (UTC)    
Titel:

Hi, am besten solltest du deine Navigation mit diesem Code ausblenden:
Zitat:
<style type="text/css"><!--
.edit_rechts_tabelle,.edit_rechts_cbg{width: 100%;}
.edit_navi_headbg{display:none;}

td.edit_rechts_cbg{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content_bg.png);}
td.edit_content_top{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content_top.png);}
td.edit_content{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content.png);}
td.edit_content_bottom{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content_bottom.png);}
td.edit_content_bottom2{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content_bottom2.png);}
--></style>
Anschließend benutzt du für das Menü diesen Code:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=101593

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag03.09.2009 um 12:28 (UTC)    
Titel:

der-bielefeld-club hat Folgendes geschrieben:
Hi, am besten solltest du deine Navigation mit diesem Code ausblenden:
Zitat:
<style type="text/css"><!--
.edit_rechts_tabelle,.edit_rechts_cbg{width: 100%;}
.edit_navi_headbg{display:none;}

td.edit_rechts_cbg{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content_bg.png);}
td.edit_content_top{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content_top.png);}
td.edit_content{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content.png);}
td.edit_content_bottom{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content_bottom.png);}
td.edit_content_bottom2{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content_bottom2.png);}
--></style>
Anschließend benutzt du für das Menü diesen Code:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=101593

mfg Dominik


Zunächst vielen Dank für Deine "erste Hilfe" Wink

Wenn ich den oben beschriebenen Code einpflege, ist zwar die Navi ausgeblendet, aber mein Header auch nur noch zu 2/3 sichtbar.
Beitrag04.09.2009 um 09:53 (UTC)    
Titel: Re: Coolmenü verändern

jsg-altenhasslau-eidengesaess hat Folgendes geschrieben:
Hallo,

das mit dem kompletten Designwechsel verschiebe ich auf einen späteren Zeitpunkt.

Allerdings möchte ich unbedingt meine Navigation optisch ändern.

Ich finde diese einfach zu breit und zu hoch, außerdem die Schrift nicht mehr schön bzw. zu klein.

Kann mir jemand, anhand der folgenden Codes ein paar Veränderungstipps geben? Die Hover-Funktion natürlich entsprechend angepasst.

Vielen Dank!

<b><marquee>Willkommen auf der Homepage unserer Bambinis der JSG Altenhaßlau/Eidengesäß!</marquee></b>
<div align="center">
<style type="text/css">
<!--
/* Design verbreitern */
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
td#nav_Abstand1{visibility:hidden;height:5px;}
td#nav_Abstand2{visibility:hidden;height:5px;}
td#nav_Abstand3{visibility:hidden;height:5px;}
td#nav_Abstand4{visibility:hidden;height:5px;}
td#nav_Abstand5{visibility:hidden;height:5px;}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url(http://www.jsg-altenhasslau-eidengesaess.de/resources/_wsb_150x168_Jugend-Wappen4.jpg);
background-repeat:no-repeat;
background-position: center center;}
-->
</style>
<style type="text/css">
<!--
td.headline{visibility: hidden;}
td.nav{
text-decoration: none;
color:#000000;
width: 185px;
height: 40px;
background-image:url(http://jsg-altenhasslau-eidengesaess.de/resources/button.png);}
td.nav:hover{background-image: url();border: 2px solid #FFFFFF;}
body {background-color:#3366FF;}

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{background-image:url(); background-color:#3366FF;}
font-family: Arial,Verdana;
font-size: 14px;
color:#000000;
font-weight: bold;}
td.sidebar_heading {
font-size:15px;
color:#ffffff;
background-color:#ffffff;
font-weight: bold
background-color:url();
text-align:center; }
td.headline2{
font-size:15px;
color:#FFFFFF;
background-color:#FFFFFF;
background-color:url();
text-align:center; }
td.nav_heading{
font-size:18px;
color:#FFFFFF;
background-color:#FFFFFF;
background-color:url();
text-align:center; }
td.nav{text-align:center;}
td.edit_rechts_cbg{background-image:url(URL);background-color:#3366FF;}
td.edit_rechts_bottom{background-image:url(URL);background-color:#3366FF;}
td.edit_navi_headbg{background-image:url(URL);background-color:#3366FF;}
td.edit_rb_footer{background-image:url(URL);background-color:#3366FF;}
td.edit_content_bottom2{background-image:url(URL);background-color:#3366FF;}
td.edit_copyright{background-image:url(URL);background-color:#3366FF;}
a{color:#000000; font-size: 11px; font-weight: bold;}
a:hover {color:#000000; font-size: 11px; text-decoration: none;font-weight: bold;}
a:link {color:#000000; font-size: 11px; text-decoration: ;}
a:active {color:#000000; font-size: 11px; text-decoration: ;}
a:visited {color:#000000; font-size: 11px; text-decoration: ;}
td.edit_rechts_sbg{display:none;}
.shouty, .shouty2, .shouty3, {border: 2px solid #232322;}
td.shouty{background-image:url(http://www.bilder-hochladen.net/files/8xhh-x.jpg);background-color:#000066;}
td.shouty2{background-image:url(http://www.bilder-hochladen.net/files/8xhh-x.jpg);background-color:transparent;}
td.shouty3{background-image:url(http://www.bilder-hochladen.net/files/8xhh-x.jpg);background-color:transparent;}
td.shouty4{background-image:url(http://www.bilder-hochladen.net/files/8xhh-x.jpg);background-color:transparent;}
td.shouty5{background-image:url(http://www.bilder-hochladen.net/files/8xhh-x.jpg);background-color:transparent;}
a: link {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}
-->
</style>
<div align="center"> <table border="0" width="70%"> <tr> <td>


Ich danke Euch vorab, für Eure Hilfe Wink


Habe den EP geändert, wäre schön wenn jemand helfen könnte...
Beitrag04.09.2009 um 10:22 (UTC)    
Titel:

Hallo,

zum besseren Verständnis für dich :
Das Design Iceblue besteht aus Tabellen . Deine Inhalte wie Header,
Navigation, Textfeld , rechte Boxen , das alles befindet sich
in den Tabellenspalten .

Blendet man eine Tabelle aus (Navigation) ... beeinflusst es natürlich die
anderen Tabellen und Tabellenspalten mit Ihren Inhalten .
Wenn Du mal mit einer Tabelle gearbeitet hast, wirst du das kennen Wink
Übrigens . Es bringt auch nichts, uns die kompletten Design-Codes zu posten.

Probiere doch mal , dem Header-Feld (Klasse td.edit_header_full )
eine Höhe zu geben . Das Header-Feld hat normal die Höhe 104 Pixel .
Damit dein Header wieder ganz zu sehen ist , erhöhe den Wert mal .
Probiere height: 115px;

Und ein Tipp:
Wir haben in den Profi-Tutorials das Bild von Iceblue, mit allen Klassen drauf.
Falls man bei Iceblue etwas ändern möchte, die Klasse nicht kennt, dort findet man sie Wink

Gruß Wolle
______________


Zuletzt bearbeitet von 24939 am 04.09.2009, 11:25, insgesamt 3-mal bearbeitet
Beitrag04.09.2009 um 12:06 (UTC)    
Titel:

Hi, das liegt daran, dass du mit einem etwas falschem Code versuchst,
das Design zu zentrieren, allerdings stört das dann den anderen Code...
Deshalb füge mal bitte folgenden Design Code ein:
Zitat:
<b><marquee>Willkommen auf der Homepage unserer Bambinis der JSG Altenhaßlau/Eidengesäß!</marquee></b>
<div align="center">
<style type="text/css">
<!--
/* Der Hintergrund */
body {background-color:#3366FF;}

/* Design zentrieren */
table.edit_main_table{width: 100% !important;}

/* Abstände ausblenden */
td#nav_Abstand1{visibility:hidden;height:5px;}
td#nav_Abstand2{visibility:hidden;height:5px;}
td#nav_Abstand3{visibility:hidden;height:5px;}
td#nav_Abstand4{visibility:hidden;height:5px;}
td#nav_Abstand5{visibility:hidden;height:5px;}

/* Feld unter der Navigation */
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url(http://www.jsg-altenhasslau-eidengesaess.de/resources/_wsb_150x168_Jugend-Wappen4.jpg);
background-repeat:no-repeat;
background-position: center center;}

/* Einstellungen der Headlines */
td.headline{visibility: hidden;}
td.headline2{
font-size:15px;
color:#FFFFFF;
background-color:#FFFFFF;
background-color:url();
text-align:center;}

/* Die rechten Boxen */
td.sidebar_heading {
background-color:url();
font-size:15px;
color:#ffffff;
background-color:#ffffff;
font-weight: bold
text-align:center;}
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{background-image:url(http://www.bilder-hochladen.net/files/8xhh-x.jpg);
background-color:#3366FF;
border: 2px solid #232322;}

/* Sonstige Design Felder */
td.edit_rechts_cbg{background-image:url(URL);background-color:#3366FF;}
td.edit_rechts_bottom{background-image:url(URL);background-color:#3366FF;}
td.edit_rb_footer{background-image:url(URL);background-color:#3366FF;}
td.edit_content_bottom2{background-image:url(URL);background-color:#3366FF;}
td.edit_copyright{background-image:url(URL);background-color:#3366FF;}

/* Link Einstellungen */
a{color:#000000; font-size: 11px; font-weight: bold;}
a:hover {color:#000000; font-size: 11px; text-decoration: none;font-weight: bold;}
a:link {color:#000000; font-size: 11px; text-decoration: ;}
a:active {color:#000000; font-size: 11px; text-decoration: ;}
a:visited {color:#000000; font-size: 11px; text-decoration: ;}
td.edit_rechts_sbg{display:none;}
a:link {color: #XXXXXX;
font-size: 12px;
text-decoration: none;}

/* Navigation entfernen */
.edit_rechts_tabelle,.edit_rechts_cbg{width: 100%;}
.edit_navi_headbg{display:none;}

td.edit_rechts_cbg{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content_bg.png);}
td.edit_content_top{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content_top.png);}
td.edit_content{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content.png);}
td.edit_content_bottom{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content_bottom.png);}
td.edit_content_bottom2{background-image: url(http://img.webme.com/pic/f/freizeit-hp/content_bottom2.png);}
-->
</style>
<div align="center"> <table border="0" width="70%"> <tr> <td>
Den anderen bitte komplett löschen.
Der Code wurde auch nochmal ein wenig aufgeräumt Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


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