Zum Inhalt springen

gmenu mit zwei verschiedenen hintergrundbilder?

Erstellt am 16. April 2008 · 6 Antworten · letzte Antwort am 18. April 2008

Tags: Frage

eric79 ·

Hallo

Also ich habe mir ein super Gmenu gebastelt...funktioniert auch wunderbar.
Und zwar habe ich da zwei links im footer
die jeweils ein eigenes hintergrund bild haben sollen.

ist das überhaupt möglich? 😃

eric79 ·

danke just2b für deine antwort

aber irgendwie stehe ich auf dem schlauch

hier mal mein ts

lib.footer = HMENU
lib.footer {
        special = directory
        special.value = 19
                	1 = GMENU
			1 {
				
                	expAll = 1
                	noBlur = 1
                	
                	wrap = <div>|</div>
               
                	NO = 1
                	NO.allWrap = <div class="FB1">|</div>||<div class="FB2">|</div>    
                	NO { 
                		transparentBackground = 1                       
                		ATagTitle.field = title
                        	XY = 100,32
                        	                        
                        	10 = TEXT
                        	10 {	
                                	text.field= title
                                	niceText = 0
                                	offset= 19,20
                                	fontColor= #FFFFFF
                                	fontFile= fileadmin/fonts/arialbd.ttf
                                	fontSize= 11  
                        		}
                		}
                	
		        ACT <.NO
                	ACT = 1 
    		        ACT.10.fontColor= #BF2236

				
                	RO <.NO
                	RO = 1
                	RO.10.fontColor = #FFFFFF
                	
                	ACTRO <.RO
        			}
		}

ich hatte jetzt mal mit einem div container benutzt und die Bilder per css
mit background-image versucht einzubinden. aber sie werden nicht angezeigt und die links sind untereinander und zudem ist auch die schrift komisch.

wenn einer ne idee hätte?

eric79 ·

so jetzt habe ich sie wenigstens schonmal nebeneinander

  .FB1 {
		background-image: url("fileadmin/templates/img/FB1.png");
		float: left;
		}
	.FB2 {
		background-image: url("fileadmin/templates/img/FB2.png");
		float: right;
		}

mit float natürlich was sonst....aber die hintergrundbilder werden immer noch nicht angezeigt.

Unbekannter Benutzer ·

Hast du überprüft ob tatsächlich eine transparenz erzeugt wird?
Bist du sicher das der Pfad zu den Bilder stimmt? Der ist in einer CSS Datei relativ zur Position der CSS Datei...

Also CSS liegt in fileadmin/templates/css/
Dann lautet der Pfad zu deinem Hintergrundbild:
../img/FB1.png

eric79 ·

ok das mit der transparent habe ich jetzt hinbekommen und die buttons werden auch angezeigt....leider nur untereinander und wenn ich sie mit float nach recht und nach links setze sind die buttons jeweils aussen,ich meine die buttons sitzen im footer jeweils ausen...und das sollen sie ja nicht die sollen schön nebeneinander in der mitte sitzen. und was noch ganz wichtig ist der text wird ganz komisch dargestellt.

einer ne idee...mit ersten wrap habe ich schon versucht das ganze in css zu formatieren, aber er macht rein garnichts

hier nochmal

lib.footer = HMENU
lib.footer {
        special = directory
        special.value = 19
                        1 = GMENU
                        1 {
                               
                        expAll = 1
                        noBlur = 1
                       	transparentBackground = 1 
                        wrap = <div class="footerm"></div>
               
                        NO = 1
                        NO.allWrap = <div class="FB1">|</div>||<div class="FB2">|</div>   
                        NO {
                                transparentBackground = 1                      
                                ATagTitle.field = title
                                XY = 100,32
                                                        
                                10 = TEXT
                                10 {   
                                        text.field= title
                                        niceText = 0
                                        offset= 19,20
                                        fontColor= #FFFFFF
                                        fontFile= fileadmin/fonts/arialbd.ttf
                                        fontSize= 11 
                                        }
                                }
                       
                        ACT <.NO
                        ACT = 1
                    	ACT.10.fontColor= #BF2236

                               
                        RO <.NO
                        RO = 1
                        RO.10.fontColor = #FFFFFF
                       
                        ACTRO <.RO
                                }
                }
.FB1 {
		background-image: url(../../img/FB1.png);
		background-repeat: no-repeat;
		float: left;
		}
	.FB2 {
		background-image: url(../../img/FB2.png);
		background-repeat: no-repeat;
		float: right;
		}
eric79 ·

so habs mal wieder selber rausbekommen...so einfach ich könnte heulen

RO.5.file = fileadmin/templates/img/FB1.png |*| fileadmin/templates/img/FB2.png

das ist alles