Forum verschönern

#1 von BOo°m , 21.12.2005 04:38

Hintergrund für das Forum einfügen:

In Admin -> Layout -> Header&Footer im Header Folgendes einfügen:

<BODY background="http://www.dein-server.de/Bild.jpg" bgproperties="fixed">

bgproperties="fixed" soll nur im IE funktionieren wie ich im Web kürzlich erfahren habe, es soll sich um einen reinen IE-Befehl handeln. Wäre also nicht empfehlenswert die Lösung zu nehmen.
Habe es selbst im FF getestet und festgestellt das die Option "fixed" keine Wirkung zeigt, der Hintergrund wird im FF trotzdem mitgescrollt.

Andere (bessere) Version davon:

<STYLE TYPE="text/css">
BODY {
background-image: url(http://www.bilder-hochladen.net/files/78q-nv.jpg);
background-repeat: repeat;
background-attachment: free;
}
</STYLE>

Optional free = fixed:
free - Hintergrund scrollt mit...
fixed - Hintergrund scrollt nicht mit...

Optional repeat = no-repeat
repeat - Kleines Bild wird endlos und Bildschirmfüllend wiederholt...
no-repeat - Kleines Bild wird links oben angezeigt, Option sollte nur bei großen Hintergründen verwendet werden...

Hintergrund-Definition professionell

Eine professionellere Lösung wäre es den folgenden Code direkt in die CSS zu setzen:

background-image: url(http://www.bilder-hochladen.net/files/78q-nv.jpg);
background-repeat: repeat;
background-attachment: free;

Die CSS erreicht man unter Admin - Layout - CSS. Dort findet man ganz am Anfang bereits die Klasse "Body" und zwischen die geschweiften Klammern dieser Klasse gehört der Code.

Komplettes Beispiel:

BODY {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
background-color: #235A95;
color: #FF6633;
text-align: center;
background-image: url(http://www.bilder-hochladen.net/files/big/78q-1c7.jpg);
background-repeat: repeat;
background-attachment: fixed;
}

#2 von BOo°m , 23.12.2005 00:55

Eine Überschrift im Forum einfügen:

Als allererste Zeile im Layout-Header folgende Zeile einfügen:

<span style="color: #EB7500;"><h1>Hier dein Text</h1></span>

Oder:

<center><span style="color: #EB7500; font-size: 12px">Hier dein Text</span></center>

Farbcodes für color: #EB7500 bekommt man hier: http://www.colorschemer.com/online.html

Weitere Informationen für die Größen von font-size: 12px bekommt man hier: http://de.selfhtml.org/navigation/suche/...nfrage=fontsize
...und hier: http://www.css4you.de/Schrifteigenschaften/font-size.html

Avatargröße verändern:

Die Bedienung für die Avatargrößen kann inzwischen sehr einfach über einen Menüpunkt im Adminbereich vorgenommen werden kann. Erreichbar ist dieser Menüpunkt unter: Admin->Layout->Maximale Avatar Größe (links unten)

Einstellbar ist die Höhe, die Breite und die Dateigröße........

#3 von BOo°m , 06.01.2006 05:59

Schriften manipulieren

Manipulation der Schrift zB. im Header (Layout-Header!):Änderung in Admin -> Layout -> Header&Footer

Große Schrift in Fettdruck und Schrägschrift:
<font size="200"><b><i>Dein fantastischer Text</font></i></b>

Text als Laufschrift in großer Schrift:
<marquee direction="left"><big>Laufschrift-Text</big></marquee>

Geschwindigkeit der Laufschrift regulieren:
<marquee scrollamount=50 scrolldelay=5><big>Laufschrift-Text</big></marquee>

Wie man sieht können Text-Formatierungen in HTML ähnlich gehandhabt werden wie mit den Forencodes ( oder umgekehrt ), wer mit den Forencodes vertraut ist kann also in vielen Fällen auf die HTML-Codierung rückschliessen...

Weiterführende Hilfe: http://www.rzuser.uni-heidelberg.de/~x02/html/tcdp.htm

#4 von BOo°m , 28.04.2006 20:05

Ein Logo/Banner über dem Forum anzeigen
Schritt für Schritt

Grafik (Logo) mit einem Malprogramm erstellen.
Einige nützliche Programme zur Gestaltung werden hier vorgeschlagen: http://www.foreninformation.de/t1773f32-...kprogramme.html

Zum Hochladen Deiner Bilddatei diesen Dienst verwenden: http://www.bilder-hochladen.net/ ....
Die Bedienung ist selbsterklärend, das Kleingedruckte lesen wegen der Grafikformate die vom Server akzeptiert werden.

Deine E-Mail abrufen um die Zieladresse der Grafik zu erfahren.....
Sollte die E-Mail "leer" sein also keine Links zu Deinen/er Grafikdatei beinhalten ist es sehr wahrscheinlich das Du ein Grafikformat beim Speichern verwendet hast welches vom Bilder-Hochladen-Server nicht anerkannt wird.
Sollte keine Email innerhalb einiger Minuten bei der erwarteten Adresse ankommen so ist es sehr wahrscheinlich das die Email in einem Spam-Ordner bei der angegebenen Email-Adresse gelandet ist, diese also bitte auch durchsehen.
Sollte wider Erwarten auch dort keine Email angekommen sein besteht noch die Möglichkeit das bei der Eingabe der Email-Adresse beim Bilder-Hochladen-Dienst ein Tippfehler gemacht wurde oder die Email-Adresse komplett vergessen wurde. (Ist mir in den Anfängen auch schon passiert)

In Admin -> Layout -> Header&Footer im Header folgende Zeile eintragen (Beispiel-URL):
<img src="http://www.bilder-hochladen.net/files/78q-tp.jpg"><br><br>

Blau = das Logo vom Musiktempel, da gehört natürlich die URL (der Pfad) zur eigenen Grafik(Logo) hin. Dieser Pfad wird Euch in der Email mitgeteilt die Ihr vom Bilder-Hochladen-Dienst erhaltet.

Rot = Befehle für einen (zwei) Zeilenvorschübe um einen kleinen Abstand des Logos zum Tabellenbegin des Forums zu erreichen, sieht sonst so gedrungen aus.....

Mehr zum Thema Banner (Bilder!): http://www.foreninformation.de/t56f25-Ba...-Verlinken.html

Man kann zum erstellen des Logos auch "Generatoren" verwenden, diese werden auf vielen Homepages zur Verfügung gestellt für jeden nur erdenklichen Zweck. Diese Generatoren sind beinahe immer online bedienbar. Die mit diesen Generatoren hergestellten Grafiken (oder andere Dienste) sollte man am besten auf den heimischen Rechner herunterladen und dann ab Punkt zwei dieser Anleitung weitermachen. Die Bilderhochladen-Server sind schnell und zuverlässig im Gegensatz zu manchem Direktlink auf eine der "Generatorenseiten", zumal viele der dort erstellten Sachen nur temporär und kurzzeitig funktionieren.

Eine Auflistung von Seiten die Generatoren anbieten findest Du hier:
http://63724.homepagemodules.de/t59f4-GE...-XHTML-etc.html

#5 von BOo°m , 22.08.2006 02:29

Den Cursor verändern/manipulieren:

Das hier muss an passender Stelle im Template eingefügt werden:

<div style="cursor:crosshair;"></div>

Schwebt der Cursor dann über der definierten Stelle verändert er sein aussehen.

Weitere Informationen findest Du hier:

http://de.selfhtml.org/css/eigenschaften...ster.htm#cursor

Welche Variationen für die Option cursor:???????; noch zur Verfügung stehen wird hier an einem Beispiel deutlich:

http://de.selfhtml.org/css/eigenschaften/anzeige/cursor.htm

#6 von BOo°m , 19.02.2007 17:32

Änderung der Grafik bei Posteingang (PM):

Im Template-Element "Obere Leiste" folgende Stelle suchen:

{{user_newmail==true.start}}
<a href="{{link_mails}}"><img src="http://www.bilder-hochladen.net/files/78q-xr.gif" border=0></a>
{{user_newmail==true.end}}

Den roten Bereich aus dem Beispiel mit einer URL (Bildadresse) Deiner Wahl austauschen.

Geht nur mit eigenem Template. Wie man ein eigenes Template einrichtet erfährst Du hier:
http://www.foreninformation.de/t30f25-Te...bearbeiten.html

Beispielgrafiken:

-

#7 von BOo°m , 27.02.2007 16:54

Schönes Style-Beispiel für gestreckte Hintergründe

#8 von BOo°m , 29.05.2007 20:11

Nette Spielereien mit Hilfe von Fremdanbietern

In verschiedenen Teilen des Forums lassen sich ganz nette Angebote von Fremdanbietern integrieren. Hier werde ich einige Links über interessante und lohnenswerte Links sammeln.
Die meisten davon werden sich sicherlich in der Forenübersicht am besten machen, das ist die Startseite vom Forum.

Eine vertonte Slideshow kann man sich hier zusammenstellen:
http://www.slide.com/arrange?tt=16&cy=ms

Eine weitere Slideshow ohne Ton dafür aber mit mehr Grafikeffekten kann man sich hier zusammenstellen:
http://www.imageloop.com/ (Ein Vorschlag von BASTY!)

Wer noch weitere solcher nützlichen Links kennt kann sie mir per PM oder auch gerne öffentlich hier im Forum vorstellen. Ich würde diese hier dann gerne gesammelt der Community zur Verfügung stellen.....

Gruß & Dank, BOo°m

Beiträge:	1.991
Registriert am:	27.11.2005

Beiträge:	1.991
Registriert am:	27.11.2005

Beiträge:	1.991
Registriert am:	27.11.2005

Beiträge:	1.991
Registriert am:	27.11.2005

Beiträge:	1.991
Registriert am:	27.11.2005

Forum verschönern

Forum verschönern

Avatargröße ändern

Schriften manipulieren

RE: Schriften manipulieren

RE: Schriften manipulieren

RE: Schriften manipulieren

Hintergrundbild strecken

RE: Schriften manipulieren