Homepage·modules
Offizielles Support Forum von Xobor.de & Homepage·modules.de
Powered by Forum-Software


#1

CSS anwenden

in Fragen und Antworten 17.10.2006 18:40
von Marc • User | 23 Beiträge
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

zuletzt bearbeitet 17.10.2006 18:41 | nach oben springen

#2

RE: CSS anwenden

in Fragen und Antworten 17.10.2006 18:43
von Nico • User | 75 Beiträge

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


nach oben springen

#3

RE: CSS anwenden

in Fragen und Antworten 17.10.2006 18:45
von Marc • User | 23 Beiträge

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


nach oben springen

#4

RE: CSS anwenden

in Fragen und Antworten 17.10.2006 19:23
von FabianSupporter | 6.149 Beiträge

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


nach oben springen

#5

RE: CSS anwenden

in Fragen und Antworten 17.10.2006 19:25
von Marc • User | 23 Beiträge

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


nach oben springen

#6

RE: CSS anwenden

in Fragen und Antworten 18.10.2006 01:32
von Vitalis • Profi | 6.822 Beiträge
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!


zuletzt bearbeitet 18.10.2006 01:32 | nach oben springen

#7

RE: CSS anwenden

in Fragen und Antworten 18.10.2006 12:44
von Marc • User | 23 Beiträge

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

Bugs'N'Pics-Forum


nach oben springen

#8

RE: CSS anwenden

in Fragen und Antworten 18.10.2006 13:31
von BOo°m • User | 4.400 Beiträge

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






nach oben springen

#9

RE: CSS anwenden

in Fragen und Antworten 18.10.2006 14:06
von Vitalis • Profi | 6.822 Beiträge

Stimmt.. könnte so gehen.




nach oben springen

#10

RE: CSS anwenden

in Fragen und Antworten 18.10.2006 14:59
von Firesword1978 • User | 738 Beiträge

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




nach oben springen

#11

RE: CSS anwenden

in Fragen und Antworten 18.10.2006 15:08
von Vitalis • Profi | 6.822 Beiträge
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!


zuletzt bearbeitet 18.10.2006 15:08 | nach oben springen

#12

RE: CSS anwenden

in Fragen und Antworten 18.10.2006 15:13
von Firesword1978 • User | 738 Beiträge

[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!



nach oben springen

#13

RE: CSS anwenden

in Fragen und Antworten 18.10.2006 15:18
von Marc • User | 23 Beiträge

Daran lag es, danke !
:)

Bugs'N'Pics-Forum


nach oben springen

#14

RE: CSS anwenden

in Fragen und Antworten 18.10.2006 15:18
von Vitalis • Profi | 6.822 Beiträge

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




nach oben springen

#15

RE: CSS anwenden

in Fragen und Antworten 18.10.2006 16:16
von Marc • User | 23 Beiträge

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


nach oben springen


Besucher
0 Mitglieder und 30 Gäste sind Online:

Wir begrüßen unser neuestes Mitglied: boos
Forum Statistiken
Das Forum hat 25934 Themen und 173275 Beiträge.

Heute waren 21 Mitglieder Online:
AlingPcxForum, Amiforum, Angelo, boos, Da Bozz, Don Alfredo, gismo22100, Haggart, HENDRIXAudrey22, Herwig BOT, Ingmar, Jens, Justin22, kacz, Katniss, Kelasia, Lady of the light, mario4370, Rabendolch, Shogun, zoezone


disconnected Foren Chat Mitglieder Online 0