Features zum Layout

24.07.2018 11:09
avatar  Josie
#1 Features zum Layout
Jo
Mitglied

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.

Gaia Template

 Antworten

 Beitrag melden
24.07.2018 14:45 (zuletzt bearbeitet: 24.07.2018 14:47)
avatar  River
#2 RE: Features zum Layout
avatar
Mitglied

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.)

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

 Antworten

 Beitrag melden
24.07.2018 22:36
avatar  Josie
#3 RE: Features zum Layout
Jo
Mitglied

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.

Gaia Template

 Antworten

 Beitrag melden
25.07.2018 08:25
#4 RE: Features zum Layout
avatar
Mitglied

@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

1
2
 
<p align="center">
<img border="0" src="https://files.homepagemodules.de/b800144/a_1_082bc082.jpg" width="800" height="478"></p>
 

Layout: Business
https://www.edeltraudsbastelforum.de/


Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

 Antworten

 Beitrag melden
25.07.2018 10:16
avatar  Josie
#5 RE: Features zum Layout
Jo
Mitglied

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 :)

Gaia Template

 Antworten

 Beitrag melden
25.07.2018 10:43
avatar  Lobbo
#6 RE: Features zum Layout
avatar
Mitglied

Dort wo du den Text eingegben hast , setzte folgendes ein:

1
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>
 
 


 Antworten

 Beitrag melden
25.07.2018 10:51
avatar  Josie
#7 RE: Features zum Layout
Jo
Mitglied

Klasse, vielen lieben Dank. Das ist genau das was ich gesucht habe @Lobbo

Danke für die Hilfe.

Gaia Template

 Antworten

 Beitrag melden
25.07.2018 11:06
avatar  Josie
#8 RE: Features zum Layout
Jo
Mitglied

Noch eine kleine Frage hätte ich aber, gibt es auch die Möglichkeit die Box umzufärben? Also das man die Rahmenfarbe verändern kann?

Gaia Template

 Antworten

 Beitrag melden
25.07.2018 11:14 (zuletzt bearbeitet: 25.07.2018 11:22)
avatar  Mike48
#9 RE: Features zum Layout
avatar
Mitglied

Eine andere Möglichkeit wäre, den Text in der Foren Beschreibung mit einem div-Tag zu umgeben und diesem eine Klasse zuweisen.

1
 
<div class="forendescript"> . . . hier die Beschreibung . . . </div>
 


und in der CSS die Klasse einfügen.

1
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)

 Antworten

 Beitrag melden
25.07.2018 11:27
avatar  Josie
#10 RE: Features zum Layout
Jo
Mitglied

Danke für den Code. Ich werde mich damit nochmal genauer auseinander setzen, aber klappt auf jeden Fall.

Gaia Template

 Antworten

 Beitrag melden
25.07.2018 22:08 (zuletzt bearbeitet: 25.07.2018 22:22)
avatar  River
#11 RE: Features zum Layout
avatar
Mitglied

Für den Hovereffekt müsste man noch :hover hinzufügen - habe ich im Script eingefügt.

Zitat von Mike48 im Beitrag #9

1
 
<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

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

 Antworten

 Beitrag melden
26.07.2018 11:10
avatar  River
#12 RE: Features zum Layout
avatar
Mitglied

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

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

 Antworten

 Beitrag melden
26.07.2018 11:52 (zuletzt bearbeitet: 26.07.2018 12:00)
avatar  Mike48
#13 RE: Features zum Layout
avatar
Mitglied

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

1
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)

 Antworten

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