CSS anwenden

  • Seite 1 von 3
17.10.2006 18:40 (zuletzt bearbeitet: 17.10.2006 18:41)
avatar  Marc
#1 CSS anwenden
Ma
Mitglied
Ich möchte den gleichen Effekt erzielen wie auf dieser Seite:
http://91151.homepagemodules.de/
Wenn man mit der Maus dort über die einzelnen Foren fährt, verändert sich die Schriftgröße.
Ich weiß, dass man dafür im Layout-Bereich bei "Farben & Schrift [Konfig]" "Ich möchte direkt die CSS Datei hacken (für Profis)" aktivieren muss.

Nun die Frage:
Wo kann ich was und wie verändern ?

Bugs'N'Pics-Forum

 Antworten

 Beitrag melden
17.10.2006 18:43
avatar  Nico
#2 RE: CSS anwenden
Ni
Mitglied

admin>Layout> Farben und Schrift
da kann man ja schon mal die tabellen und die schrift ändern
_______________________
http://90757.homepagemodules.de


 Antworten

 Beitrag melden
17.10.2006 18:45
avatar  Marc
#3 RE: CSS anwenden
Ma
Mitglied

Das weiß ich auch. :P

Ich will aber einen mouseover-Effekt einfügen.
Und dafür muss man direkt die CSS-Datei hacken.

Bugs'N'Pics-Forum


 Antworten

 Beitrag melden
17.10.2006 19:23
avatar  Fabian
#4 RE: CSS anwenden
avatar
Xobor-Spezialist

Also -> Amdin -> Layout -> Farben & Schrift [Konfig]: dort auf "Ich möchte direkt die CSS Datei hacken (für Profis)" klicken und dan auf -speichern-.
anschließen im Amdinmenü -> Lauyout -> Farben & Schrift gehen. fertig! (eventuell noch mal die "F5" Taste betätigen um dann auch wirklich direkt zur css Datei zu kommen!)

-Forum --> www.Chillingout-Zone.de.
-----------------------------------------------
-Meine HP --> www.Fabian-Klose.de.i


 Antworten

 Beitrag melden
17.10.2006 19:25
avatar  Marc
#5 RE: CSS anwenden
Ma
Mitglied

Das weiß ich doch alles. ^^

Aber wo muss ich da im Quelltext was verändern, um den gewünschten Mouseover-Effekt zu erzielen ?

Bugs'N'Pics-Forum


 Antworten

 Beitrag melden
18.10.2006 01:32 (zuletzt bearbeitet: 18.10.2006 01:32)
avatar  Vitalis
#6 RE: CSS anwenden
avatar
Profi
Hier ein Baispiel:
Hierbei gehen sie im Adminstrationsmenü, unter Template und edetieren sich ein eigenes Template (falls keins Vorhanden ist).
In der Forenanicht:
<tr> 
<td class="ifo1" align="center" width="45">{{forum:new_messages==true.newmessage}}</td>
<td class="ifo2"><a href="{{forum:link}}">{{forum:title}}</a><br>
<span class="ifos">{{forum:description}}</span>

{{forum:subforum==true.start}}<br><span class="ifos"><b>Bereiche: </b>
{{forum:subforum.startlist}}{{strenn}}<a href="{{subforum:link}}">{{subforum:title}}</a>
{{strenn.start}}, {{strenn.end}}{{forum:subforum.end}}
</span>{{strenn.start}} {{strenn.end}}{{forum:subforum==true.end}}
...


Das Rotmarkierte ist schon Vorhanden im Template und muss eigendlich nicht geändert werden. nun muss aber die CSS-Data konfiguriert werden.
Administrationsmenü -> Layout -> Farben & Schriften (als CSS_data sichtbar).
.......................
.ifo1 A {
/* Forum Übersicht -> Forum style 1 - Link */
color:#071790;
color: #072499;
}

.ifo2 {
/* Forum Übersicht -> Forum style 2 */
background-color: ;
color: #072499;
/* text-align: center; */
}

.ifo2 A {
/* Forum Übersicht -> Forum style 2 - Link */
color: #072499;
Textde
}

.ifo2 hover {
color: #072499;
text-decoration: bold;
}

.......................

Das Grüne muss noch ergänzt werden!


 Antworten

 Beitrag melden
18.10.2006 12:44
avatar  Marc
#7 RE: CSS anwenden
Ma
Mitglied

Das geht leider nicht.
Ich habe es so eingetragen wie es da steht.

Bugs'N'Pics-Forum


 Antworten

 Beitrag melden
18.10.2006 13:31
avatar  BOo°m
#8 RE: CSS anwenden
avatar
Mitglied

Versuch mal: .ifo1 A:Hover anstatt .ifo1 hover






 Antworten

 Beitrag melden
18.10.2006 14:06
avatar  Vitalis
#9 RE: CSS anwenden
avatar
Profi

Stimmt.. könnte so gehen.




 Antworten

 Beitrag melden
18.10.2006 14:59
#10 RE: CSS anwenden
avatar
Mitglied

Habe gerade bei mir ausprobiert funktioniert nicht... keine Ahnung warum nicht.




 Antworten

 Beitrag melden
18.10.2006 15:08 (zuletzt bearbeitet: 18.10.2006 15:08)
avatar  Vitalis
#11 RE: CSS anwenden
avatar
Profi
Versuchs dann via Einbindung im HTMLcode
<STYLE type="text/css">
a.forum_kategorie:link {color: #000000;text-decoration: none;}
a.forum_kategorie:visited {color: #000000;text-decoration: none;}
a.forum_kategorie:active {color: #000000;}
a.forum_kategorie:hover {color: #000000;font-style: bold;}
</STYLE>


der name muss dann nur noch angepasst weden!


 Antworten

 Beitrag melden
18.10.2006 15:13
#12 RE: CSS anwenden
avatar
Mitglied

[quote="StarGate"]Hier ein Baispiel:
Hierbei gehen sie im Adminstrationsmenü, unter Template und edetieren sich ein eigenes Template (falls keins Vorhanden ist).
In der Forenanicht:

<tr> 
<td class="ifo1" align="center" width="45">{{forum:new_messages==true.newmessage}}</td>
<td class="ifo2"><a href="{{forum:link}}">{{forum:title}}</a><br>
<span class="ifos">{{forum:description}}</span>
{{forum:subforum==true.start}}<br><span class="ifos"><b>Bereiche: </b>
{{forum:subforum.startlist}}{{strenn}}<a href="{{subforum:link}}">{{subforum:title}}</a>
{{strenn.start}}, {{strenn.end}}{{forum:subforum.end}}
</span>{{strenn.start}} {{strenn.end}}{{forum:subforum==true.end}}
...

Das Rotmarkierte ist schon Vorhanden im Template und muss eigendlich nicht geändert werden. nun muss aber die CSS-Data konfiguriert werden.
Administrationsmenü -> Layout -> Farben & Schriften (als CSS_data sichtbar).
.......................
.ifo1 A {
/* Forum Übersicht -> Forum style 1 - Link */
color:#071790;
color: #072499;
}
.ifo2 {
/* Forum Übersicht -> Forum style 2 */
background-color: ;
color: #072499;
/* text-align: center; */
}
.ifo2 A {
/* Forum Übersicht -> Forum style 2 - Link */
color: #072499;
Textde
}

.ifo2 hover {
color: #072499;
text-decoration: bold;
}

.......................

Das Grüne muss noch ergänzt werden!
[quote]
Es ist ja auch nicht text-decoration sondern font-weight... habe es gerade selber heraus bekommen. Aber du hast ja deinen Fehler ja auch bemerkt.
Der effekt sieht richtig Stylisch aus!



 Antworten

 Beitrag melden
18.10.2006 15:18
avatar  Marc
#13 RE: CSS anwenden
Ma
Mitglied

Daran lag es, danke !
:)

Bugs'N'Pics-Forum


 Antworten

 Beitrag melden
18.10.2006 15:18
avatar  Vitalis
#14 RE: CSS anwenden
avatar
Profi

jo habs auch gemerkt... hab das bei mir auf dem rechner erstellt und versehendlich die Falsche stelle copiert, sorry an alle die Betroffen waren..




 Antworten

 Beitrag melden
18.10.2006 16:16
avatar  Marc
#15 RE: CSS anwenden
Ma
Mitglied

Macht ja nix. ;)

Neue Frage:
Wie kann man kleine Symbole neben die Unterforen einfügen ?
So wie hier z.B.:
http://91151.homepagemodules.de/

Er hat da links neben jedem Unterforum ein Ordnersymbol.

Bugs'N'Pics-Forum


 Antworten

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