Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Features zum Layout
Hallo zusammen. Ich bin gerade dabei ein Fanforum aufzubauen und ich würde gerne wissen was man noch so als Features für das Layout gibt. Ich habe etwas gesehen wo ich gerne wissen würde wie das geht. Das möchte ich mit einem Bild verdeutlichen, weil es sonst schwer zu erklären ist.
Ich würde gerne wissen wie man diesen Rahmen hinbekommt wie man ihn auf dem Bild sieht. Kann mir da vielleicht jemand helfen?
Vielleicht weiß ja auch jemand wie man es hinbekommt das die Schrift ranzommt und die Farbe welchselt wenn man mit der Maus darüber fährt?
Ich hoffe das war verständlich ausgedrückt, denn ich weiß nicht wie ich das bildlich darstellen soll.
Wäre schön wenn man mir helfen könnte und mir Tipps dazu geben könnte.
Hallo,
Dafür brauchst du vermutlich einen Code für Kopf/Fußzeile bzw. wo das hin muss.
Du solltest auf deiner Forumübersicht die Stelle markieren, wo du die Box mit Rahmen haben möchtest. Das ist relevant für den Eintrag.
Außerdem solltest du in deine Signatur reinschreiben, dass du das Gaia (Template) hast.
Farbwechsel und Zoom mit der Maus wird mit 'Hovereffekt' und/oder 'Mouseover' bezeichnet. Du kannst also mit diesen Begriffen hier im Forum danach suchen - kann gut sein, dass du da bereits fündig bist.
Viele Grüße
River
Edit: Schau dich mal bei https://selfhtml.org/ um - man kann das auch selbst lernen - mit Hilfe (Bezeichnung/Eintrag etc.)
Danke für die Antwort schon mal. Ich werde mit den Begriffen mal schauen ob ich da was finde.
Zur Box. Ich zeige das mal an einem Screenshot von meinem Forum, was ja am besten passt. Also ich hätte diese Box gerne an der Stelle wo das 'Herzlich Willkommen...' steht.
@Josie wenn du das Bild da haben willst, wo jetzt dein
Willkommenstext, steht, wäre das eine Möglichkeit.
Das Bild wäre dann mittig drin unter deiner Überschrift
Lord of the Rings Fanforum
Der Willkommenstext sollte dann weg und an der Stelle wo der
Text stand, das rein hier
2
<p align="center">
<img border="0" src="https://files.homepagemodules.de/b800144/a_1_082bc082.jpg" width="800" height="478"></p>
https://www.edeltraudsbastelforum.de/
Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz
Ich glaube das kam falsch an, denn ich wollte nicht das Bild dort haben. Der Willkommenstext sollte bleiben und darum sollte eine Box so wie man das in diesem Bild erkennen kann.
Diese Umrandung um den Text wollte ich eben auch bei mir um den Willkommenstext haben.
Aber dennoch Danke für die Hilfe :)
Dort wo du den Text eingegben hast , setzte folgendes ein:
2
3
4
5
6
7
8
9
10
11
12
<table style="text-align: left; width: 100%;" border="2"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center;">Herzlich
Willkommen im Lord of the Rings Fanforum :)<br>
Jeder Fan der Film reihe
ist bei uns gern gesehen.</td>
</tr>
</tbody>
</table>
Eine andere Möglichkeit wäre, den Text in der Foren Beschreibung mit einem div-Tag zu umgeben und diesem eine Klasse zuweisen.
<div class="forendescript"> . . . hier die Beschreibung . . . </div>
und in der CSS die Klasse einfügen.
2
3
4
5
/* Klasse für Box in Foren Beschreibung */
.forendescript {
border: 2px solid red;
box-shadow: 1px 1px 3px 3px grey;
}
Dann kannst du in der CSS die Box anpassen und überall wo diesen div-Tag mit der Klasse einträgst, hast du diese Box.
In der CSS kannst du deine Box dann nach belieben formatieren.
www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)
Für den Hovereffekt müsste man noch :hover hinzufügen - habe ich im Script eingefügt.
Zitat von Mike48 im Beitrag #91
<div class="forendescript"> . . . hier die Beschreibung . . . <div>
/* Klasse für Box in Foren Beschreibung */1
2
3
4
.forendescript:hover {
border: 2px solid red;
box-shadow: 1px 1px 3px 3px grey;
}
Viele Grüße
River
Zitat von Josie im Beitrag #1
Schrift ranzommt
Für einen Zoom setzt man transform:scale () ein - https://wiki.selfhtml.org/wiki/CSS/Eigen...ransformationen
Kannst du ja mal ausprobieren.
Viele Grüße
River
Zitat von Josie im Beitrag #1
Vielleicht weiß ja auch jemand wie man es hinbekommt das die Schrift ranzommt und die Farbe welchselt wenn man mit der Maus darüber fährt?
Hier eine Erweiterung des Code für die CSS aus meinem Beitrag #9
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/* begin - Klasse für Box in Foren Beschreibung */
.forendescript {
border: 2px solid red; /* Rand formastieren */
box-shadow: 1px 1px 3px 3px grey; /* Schatten */
-webkit-transform: none;
transform: none; /* heranzoomen */
}
.forendescript:hover {
border: 2px solid green; /* Rand formastieren */
box-shadow: 1px 1px 3px 3px grey; /* Schatten */
background-color: #a3f6b0; /* Hintergrundfarbe */
-webkit-transform: scale(1.1,1.1);
transform: scale(1.1,1.1); /* heranzoomen */
}
/* end - Klasse für Box in Foren Beschreibung */
www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Thema | Antworten | Aufrufe | Letzte Aktivität | |||
---|---|---|---|---|---|---|
Neue Beiträge in Forenübersicht Layout Xobor V6 anzeigenNeue Beiträge in Forenübersicht Layout Xobor V6 anzeigen |
12
Franz-Jupp
05.05.2024 |
398 |
|
|||
Das neue Layout hier im SupportforumDas neue Layout hier im Supportforum |
97
Bussinchen
26.04.2020 |
16879 |
|
|||
1.2 - Das eigene Layout erstellen1.2 - Das eigene Layout erstellen |
0
Patrick
10.08.2010 |
7144 |
|
|||
Neu: Mitglieder auf Bildern verlinken + viele Kleinere Features und FehlerbehebungenNeu: Mitglieder auf Bildern verlinken + viele Kleinere Features und Fehlerbehebungen |
4
jini
23.08.2009 |
2768 |
|
|||
Bug im Threaded LayoutBug im Threaded Layout |
1
Pascal
15.04.2004 |
855 |
|
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software