Suche im Forum:
Suchen


Autor Nachricht
Beitrag19.04.2010 um 10:30 (UTC)    
Titel: Bild unter Navigation

Hey nochmal!
Ich habe grade auf der HP http://6p-iceblue.de.tl gesehen das man auch ein Bild unter das navi machen kann.. ich habe mir zuerst den Code einfach mal kopiert um eine vorlage zu haben, dann habe ich meine eigenen Codes eingesetzt was auch gut klappte aber nun bekomme ich die verlinkung nicht mehr weg.. kann mir jemand weiter helfen?
Beitrag19.04.2010 um 10:33 (UTC)    
Titel:

von welcher Verlinkung sprichst du?
Welches Tutorial von 6p-iceblue meinst du?
Schick bitte den genauen Link.


lg
Jonas
Beitrag19.04.2010 um 10:58 (UTC)    
Titel:

Oh sorry ich meinte diese verlinkung http://6p-iceblue.de.tl/Bild-unter-Navi.htm Da hab ich den ersten code kopiert und dann bei mir verändert.. da der code aber verlinkt war bekomme ich jetzt irgednwie die verlinkung nicht mehr ganz weg Confused
Beitrag19.04.2010 um 11:43 (UTC)    
Titel:

http://designcodes.de.tl/Bild-unter-Navi.htm

mach es lieber so wie ich es dort beschrieben habe. erstelle dazu ein bild von 185 breite und 185 höhe und füge im code dort die url ein.

das hat den vorteil, dass das bild immer mit der navigation mitwandert und braucht nicht neu positioniert werden.

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

Beitrag19.04.2010 um 11:53 (UTC)    
Titel:

Toll das hab ich jetzt mit meiner URl eingesetzt und seh jetzt gar nichts mehr Confused Ich habe eigentlich die richtige url addy genommen.. ich lade mit tinypic hoch und nehme dann den letzen code.. ist doch richtig oder??
Beitrag19.04.2010 um 11:58 (UTC)    
Titel:

Hab jetzt noch eien andere url ausprobiert aber das klappt auch nicht Crying or Very sad Hab das Bild hier bei Homepage Baukasten hochgeladen udn bin auf eigenschaften gegangen aber auch damit klappt es nicht Confused
Beitrag19.04.2010 um 15:03 (UTC)    
Titel:

wenn du mir den code bei text über dem design schickst und die url des bildes, dann passe ich dir das an, ok?

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

Beitrag19.04.2010 um 17:34 (UTC)    
Titel:

Ohja das wäre klasse.. das ist all das was bei bei unter test über dem design steht

td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url(http://img.webme.com/pic/a/abaesell/katzeschwarz.png);
background-position: center top;background-repeat: no-repeat;}



<div align="center"> <table border="0" width="70%" id="table1"> <tr> <td> </style> <style type="text/css"> <!--

/*© COPYRIGHT - 2009 - © COPYRIGHT */
/* 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%;}

/*© COPYRIGHT - 2009 - © COPYRIGHT */
/* Header */
td.edit_header_full{background-image:url(http://i40.tinypic.com/309htep.png) ;}

/*© COPYRIGHT - 2009 - © COPYRIGHT */
/* Navi */
td.nav_heading{border: #F0B6E6 3px solid;color: #4560B9;background-image: url(http://img.webme.com/pic/a/abaesell/test_01button27727085.jpg);height: 40px;font-size: 14px;font-weight: bold;text-align: center;}

td.nav{ height:40px;border: #F0B6E6 3px solid;
background-image:url(http://img.webme.com/pic/a/abaesell/test_01button27727085.jpg);}

td.nav:hover{visibilty:hidden;}
/*background-image:url();height:40px;}*/

td.nav a{color: #FFFFFF;font-size: 14px;font-weight: bold;text-align: center;}
td.nav a:hover{color: #FFFFFF;font-weight: bold;text-decoration: overline underline;font-size: 14px;}

/*© COPYRIGHT - 2009 - © COPYRIGHT */
/* Hintergrund*/
body {background-image:url(http://img.webme.com/pic/a/abaesell/abaesell_test1.jpg);background-position: top center;background-attachment: fixed;}


td.edit_below_nav{visibility: hidden;}
td.edit_navi_headbg{background-image: url(url);}

/* Content oben */
td.edit_content_top{border: #F0B6E6 3px solid;background-image: url(http://img.webme.com/pic/a/abaesell/lucy_cont.jpg);}

/* Content hintergrund */
td.edit_content{ border: #F0B6E6 3px solid;background-image: url(http://img.webme.com/pic/a/abaesell/abaesell_cont_hintergrund.bmp);width: 0px;}

/* Content Fusszeilen */
td.edit_content_bottom{border: #F0B6E6 3px solid;height:33px; width:568px;background-image: url(http://img.webme.com/pic/a/abaesell/lucy_bottom.jpg);}
td.edit_content_bottom2{background-image: url();}

/*© COPYRIGHT - 2009 - © COPYRIGHT */
/* rechte seite */
td.sidebar_heading{height:40px; border: #F0B6E6 3px solid;color: #4560B9;background-image: url(http://img.webme.com/pic/a/abaesell/lucy_side.jpg);font-size: 14px;font-weight: bold;text-align: center;}

td.shouty{color: #4560B9;background-image: url(URL);background-color: transparent;border: #F0B6E6 3px solid;text-align: center;}
td.shouty2{color: #4560B9;background-image: url(URL);background-color: transparent;border: #F0B6E6 3px solid;text-align: center;}
td.shouty3{color: #4560B9;background-image: url(URL);background-color: transparent;border: #F0B6E6 3px solid;text-align: center;}
td.shouty4{color: #4560B9;background-image: url(URL);background-color: transparent;border: #F0B6E6 3px solid;text-align: center;}
td.shouty5{color: #4560B9;background-image: url(URL);background-color: transparent;border: #F0B6E6 3px solid;text-align: center;}

td.edit_rb_footer{display:none; visibility: hidden;}

/*© COPYRIGHT - 2009 - © COPYRIGHT */
/*Button tauschen */
td#nav_Willkommen{background-image:url(Bild URL);}

/*© COPYRIGHT - 2009 - © COPYRIGHT */
/* Button Abstände */
td#nav_Abstand1{visibility:hidden;height: 8px;}
td#nav_Abstand2{visibility:hidden;height: 13px;}
td#nav_Abstand3{visibility:hidden;height: 13px;}
td#nav_Abstand4{visibility:hidden;height: 10px;}
td#nav_Abstand5{visibility:hidden;height: 10px;}
td#nav_Abstand6{visibility:hidden;height: 10px;}

td.edit_rechts_sbg{visibility: hidden; width: 0px ;}
td.edit_rechts_bottom{background-image: url(url);}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_cbg{background-image: url(URL);}


/*© COPYRIGHT - 2009 - © COPYRIGHT */

--> </style>

<style type="text/css">
<!--
#nav_ende.htm {
display:none;}
-->
</style>


Das erste ist natürlich das was auf deiner page steht wie du bestimmt schon selber gesehn hast Very Happy

Danke schonmal Smile
Beitrag19.04.2010 um 19:31 (UTC)    
Titel:

dein code scheint einige fehler drin zu haben. das einzige was ich entdeckte konnte war das hier
Code:
td.edit_below_nav{visibility: hidden;}
td.edit_navi_headbg{background-image: url(url);}
und das war überflüssig. trotz des änderns wurde aber unter der navigation plötzlich der blaue hintergrund des original iceblue sichtbar.

ich werde dir den code komplett umschreiben, ok? dauert aber 1 oder 2 tage, bin grad ausgelastet.

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

Beitrag20.04.2010 um 07:15 (UTC)    
Titel:

Ja ist ok.. Bin gespannt Very Happy danke für deine Hilfe Smile
Beitrag20.04.2010 um 17:44 (UTC)    
Titel:

sodele, nun müsste der code soweit stimmen. das alte copyright hab ich ntürlich drin gelassen. die schrift deiner navigation, hast du beim seiten bearbeiten ja direkt eingestellt, wie ich im code sehe. da hab ich natürlich nichts geändert. deine abstände hab ich so gelassen, aber die maße da drin werden eh nicht übernommen. es wird, bei der art code, immer eine ganze höhe der buttons angezeigt. wenn du was bei text unter dem design drin hast, dann lösche das raus, es bleibt trotzdem zentriert.

gruss gringo

Code:

<center><style type="text/css">
<!--
/* Diesen Teil nicht rauslöschen*/
/*© COPYRIGHT - 2009 - © COPYRIGHT */
table.edit_main_table{width: 70% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_cbg{width:100%;}
td.headline{visibility:hidden;}
td.headline2{visibility:hidden;}

td.nav{height:40px;border: #F0B6E6 3px solid;
background-image:url(http://img.webme.com/pic/a/abaesell/test_01button27727085.jpg);}

td.nav:hover{height:40px;border: #F0B6E6 3px solid;
background-image:url(http://img.webme.com/pic/a/abaesell/test_01button27727085.jpg);}


td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url(http://img.webme.com/pic/a/abaesell/katzeschwarz.png);
background-position: center top;background-repeat: no-repeat;}


td.edit_content{ border: #F0B6E6 3px solid;background-image: url(http://img.webme.com/pic/a/abaesell/abaesell_cont_hintergrund.bmp);width: 0px;}

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

body {background-image:url(http://img.webme.com/pic/a/abaesell/abaesell_test1.jpg);background-color:#XXXXXX;}
body {background-attachment:fixed;}


td.edit_navi_headbg{background-image: url(url);}
td.edit_rechts_sbg{visibility: hidden; width: 0px ;}
td.edit_rechts_bottom{background-image: url();}


td.shouty{
background-image:url();
background-repeat:repeat;
background-color:transparent;
font-family: Arial;font-size: 12px;color: #4560B9;border: 3px solid #F0B6E6;}


td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url();
background-repeat:repeat;
background-color:transparent;
font-family: Arial;font-size: 12px;color: #4560B9;border: 3px solid #F0B6E6;}

td.edit_content_top{border: #F0B6E6 3px solid;background-image: url(http://img.webme.com/pic/a/abaesell/lucy_cont.jpg);}
td.edit_content_top:hover{border: #F0B6E6 3px solid;background-image: url(http://img.webme.com/pic/a/abaesell/lucy_cont.jpg);}
 
td.edit_content_bottom{border: #F0B6E6 3px solid;height:33px; width:568px;background-image: url(http://img.webme.com/pic/a/abaesell/lucy_bottom.jpg);}
td.edit_content_bottom2{background-image: url();}
 
td.nav_heading{border: #F0B6E6 3px solid;color: #4560B9;background-image: url(http://img.webme.com/pic/a/abaesell/test_01button27727085.jpg);height:

40px;font-size: 14px;font-weight: bold;text-align: center;}

td.sidebar_heading{height:40px; border: #F0B6E6 3px solid;color: #4560B9;background-image: url(http://img.webme.com/pic/a/abaesell/lucy_side.jpg);font-size:

14px;font-weight: bold;text-align: center;}

td.edit_rb_footer{display:none;}

td.nav a{color: #FFFFFF;font-size: 14px;font-weight: bold;text-align: center;}
td.nav a:hover{color: #FFFFFF;font-weight: bold;text-decoration: overline underline;font-size: 14px;}


td.edit_header_full{background-image:url(http://i40.tinypic.com/309htep.png);border: 0px solid #c0c0c0; width: 921; height: 104px;}

td#nav_Willkommen{background-image:url(Bild URL);}
td#nav_Abstand1{visibility:hidden;height: 8px;}
td#nav_Abstand2{visibility:hidden;height: 13px;}
td#nav_Abstand3{visibility:hidden;height: 13px;}
td#nav_Abstand4{visibility:hidden;height: 10px;}
td#nav_Abstand5{visibility:hidden;height: 10px;}
td#nav_Abstand6{visibility:hidden;height: 10px;}
-->
</style>




möchtest du die höhe der lücken in der navi selbst bestimmen, musst du diese art code nehmen

Code:
td#nav_Abstand1{visibility:hidden;height:10px;}
td#nav_Abstand1 a{height:10px;display:none;}

td#nav_Abstand2{visibility:hidden;height:10px;}
td#nav_Abstand2 a{height:10px;display:none;}

td#nav_Abstand3{visibility:hidden;height:10px;}
td#nav_Abstand3 a{height:10px;display:none;}


Zuletzt bearbeitet von 6p-iceblue am 20.04.2010, 18:50, insgesamt 5-mal bearbeitet
Beitrag20.04.2010 um 18:50 (UTC)    
Titel:

Wow das ist ja der wahnsinn.. Vielen vielen dank dafür.. Und wenn ich jetzt anstatt der schwarzen katze da ein anderes Bild haben möchte welchen code muss ich dann ändern? Kannst du mir den vielleicht einmal rot machen?
Beitrag20.04.2010 um 18:58 (UTC)    
Titel:

Zitat:
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url(http://img.webme.com/pic/a/abaesell/katzeschwarz.png);
background-position: center top;background-repeat: no-repeat;}


beachte aber die grösse des bildes. am besten 185 x 185.

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

Beitrag20.04.2010 um 19:12 (UTC)    
Titel:

Ja cool danke wird wohl klappen wenn nicht dann weiß ich ja jetzt an wen ich mich wenden kann Very Happy Kann es in der höhe auch höher sein oder nur 185?
______________
Pfötchen Forum

Lucys Tierwelt

Schöne Grüße von Lucy und ihren Fellnasen
Beitrag20.04.2010 um 23:25 (UTC)    
Titel:

200 könnte auch noch klappen, mehr geht leider nicht.

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

Beiträge der letzten Zeit anzeigen:   


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