Internet Forum / Hilfen für Einsteiger in HPM Foren

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;
}


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 30.05.2008 | Top

Avatargröße ändern

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


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 27.06.2007 | Top

Schriften manipulieren

#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


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 23.06.2007 | Top

RE: Schriften manipulieren

#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


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 16.05.2008 | Top

RE: Schriften manipulieren

#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


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 20.02.2007 | Top

RE: Schriften manipulieren

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


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 19.02.2007 | Top

Hintergrundbild strecken

#7 von BOo°m , 27.02.2007 16:54

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






<style type="text/css">
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 300px 20px 200px;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
</style>

Quelltext von hier: http://cssplay.co.uk/layouts/background.html

(muss ich noch testen.....)


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 30.06.2009 | Top

RE: Schriften manipulieren

#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


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 01.02.2008 | Top

   

Smilies....
Grundsätzliches zur Schriftformatierung in





Powered by Forum Hosting  
Xobor Forum Software von Xobor
Einfach ein eigenes Forum erstellen