css codes

19.11.2012 20:16
#1 css codes
avatar
Mitglied

Hallo ihr lieben
Die Suchfunktion hat mich leider nicht geholfen. Ich weis das es einen css Code gibt mit dem man in der Navileiste die schrift ausblenden kann so das nur noch die Buttons da stehen. ich hoffe es kann mir jemand helfen danke.


 Antworten

 Beitrag melden
19.11.2012 21:45 (zuletzt bearbeitet: 19.11.2012 21:47)
avatar  TripleM
#2 RE: css codes
avatar
Mitglied

Weiß nicht was du für ein Templates hast ich habe im Gaia auch nur Bilder

Hier mal meine CSS Einträge der erste ist zum ausblenden der Schrift.

CSS Code Gaia

Edit habe gerade gesehen das du das Business benutzt. Somit dürften die CSS Einträge von mir nicht Funktionieren.


 Antworten

 Beitrag melden
19.11.2012 21:52
#3 RE: css codes
avatar
Mitglied

ja ich habe es bemerkt macht nix


 Antworten

 Beitrag melden
19.11.2012 22:21
avatar  Bommel
#4 RE: css codes
avatar
Mitglied

Theoretisch sollte es damit gehen:

1
2
3
 
ul.navigation li a {
display: none;
}
 


... wenn nicht, dann erzwinge das mit der Important-Regel, also nach dem Wert none noch !important einsetzen.

Allerdings wird damit auch der Link ausgeblendet. Damit dürfte dann auch der Button wirkungslos sein. Ich habe das selbst noch nicht ausprobiert.

LG Bommel

Ich und XOBOR... wir sind nicht einfach nur Vertragspartner - wir sind ein Team!
(Der wohl wichtigste Grund meiner Beiträge hier.)


Boardnummer: 585867 | Template: Business (unverändert) | Tarif: Basis
Betriebssystem: Windows 7 | Auflösung: 1440x900, 1024x600 (Netbook)
Browser: Mozilla FireFox (17.0.1), Internet Explorer (9.0.11), Google Chrome (23.0.1271.95 m), Safari (5.1.7), Opera (12.10.1652)

 Antworten

 Beitrag melden
19.11.2012 22:55
#5 RE: css codes
avatar
Mitglied

Nee iegentwie geht das net da sind dann die buttons auch weg .Da is die komplette Navileiste leer.


 Antworten

 Beitrag melden
19.11.2012 23:21 (zuletzt bearbeitet: 19.11.2012 23:25)
avatar  Bommel
#6 RE: css codes
avatar
Mitglied

Dann probiere es bitte mal mit:

1
2
3
 
ul.navigation li span {
display: none;
}
 


Im Test mit Fire-Bug hat es funktioniert. Weiß aber nicht, ob da jetzt auch der Leerraum mit verschwindet.

LG Bommel

Nachtrag: Habe die Regel jetzt noch mal extra hinzugefügt. Es sollte damit funktionieren.

Ich und XOBOR... wir sind nicht einfach nur Vertragspartner - wir sind ein Team!
(Der wohl wichtigste Grund meiner Beiträge hier.)


Boardnummer: 585867 | Template: Business (unverändert) | Tarif: Basis
Betriebssystem: Windows 7 | Auflösung: 1440x900, 1024x600 (Netbook)
Browser: Mozilla FireFox (17.0.1), Internet Explorer (9.0.11), Google Chrome (23.0.1271.95 m), Safari (5.1.7), Opera (12.10.1652)

 Antworten

 Beitrag melden
19.11.2012 23:31
#7 RE: css codes
avatar
Mitglied

Dnke Bommel vor dir zitternd auf die knie fall es funktioniert.


 Antworten

 Beitrag melden
19.11.2012 23:36 (zuletzt bearbeitet: 19.11.2012 23:44)
avatar  Bommel
#8 RE: css codes
avatar
Mitglied

Zitat von gismo22100 im Beitrag #7
vor dir zitternd auf die knie fall

Na nu mal sachte...

Habe es eben auch nur mit probieren rausgesucht, da mich dieses Thema eh interessiert hat. Wenn ich mich recht entsinne, wurde eine ähnliche Frage schon früher mal gestellt. Ich habe mir das hier notiert und abgespeichert - für den Fall der Fälle bei meinem Forum. Ich schaue mal noch, ob die Breite der einzelnen Felder auch eingestellt werden kann. Wenn ich es raus habe, poste ich das hier auch noch rein - für den Fall der Fälle.

LG Bommel

Nachtrag: Gesagt, getan... hier der Code:

1
2
3
4
 
ul.navigation li {
width: 50px;
text-align: center;
}
 



Width bestimmt die Breite der Felder (ein wenig mit der px-Zahl den gewünschten Wert probieren) und text-align richtet das Bild mittig aus.

Ich und XOBOR... wir sind nicht einfach nur Vertragspartner - wir sind ein Team!
(Der wohl wichtigste Grund meiner Beiträge hier.)


Boardnummer: 585867 | Template: Business (unverändert) | Tarif: Basis
Betriebssystem: Windows 7 | Auflösung: 1440x900, 1024x600 (Netbook)
Browser: Mozilla FireFox (17.0.1), Internet Explorer (9.0.11), Google Chrome (23.0.1271.95 m), Safari (5.1.7), Opera (12.10.1652)

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!