Hier geht es zur Kategorie Faszinationen & Unglaubliches !
Freie Energie - Strom zum Nulltarif ! 16 Mönche überleben den Angriff auf Hiroshima ! Katze spielt mit Delphinen Das Wasserauto - Bauanleitung - 50% Kaftstoff sparen !
    Freie Energie - Strom zum Nulltarif
Die 16 Mönche von Hiroshima
Katze spielt mit Delphinen
HHO Bauanleitung - 50% Kraftstoffersparnis
Das Wasserstoffauto von BMW     		Das FORUM für HILFE, Tricks & TIPPS
Das Forum gefällt mir!
Eine Mail an meine Freunde schicken




   
 Alles für Ihr eigenes Forum - Fragen & Antworten    
Wolfgang Offline

Administrator


Beiträge: 828
Punkte: 1.107
08.06.2007 03:02

 

HP von Wolfgang


Mit einem Klick wird dieser Beitrag in die Favoritenliste eingetragen.
Sie können ihn somit schneller wiederfinden!

Wenn Sie diesen Betrag gut finden oder er Ihnen geholfen hat,
wird dem User eine Nachricht mit dem Wortlaut: "Gefällt mir", per PM zugesant!
Beitrag 79 - Wie lassen sich die Forum-Buttons in 3-D verwandeln? Drucken · Zitat · antworten
Zuletzt geändert: 23.01.2009 11:40 

Wie kann man die Forum-Buttons im Format 3-D darstellen?


In den HPM-Foren sind alle Buttons über das Attribut class=nnor definiert!!!

Um die Buttons auf einfachste Weise in 3-D darzustellen, geht man wie folgt vor:

  • Die CSS-Datei unter "Admin > Layout > Farben&Schriften" aufrufen

  • Die CSS-Datei sichern (am einfachsten in einer Textdatei z.B. css.txt)

  • Die Hintergrund-Farbe mit  /* + */   deaktivieren

.nnor {
/* jeweils der mittlere Bereich bei der Suche, der FAQ, der Einstellungen u.s.w. */
  /* background-color: #E6E6E6; */
color: #000000;
}

.nnor input,select,textarea {
  /* Form Elemente in diesem Bereich, auch Textfeld bei neuem Beitrag */
  /* background-color: #E6E6E6; */
  color: #000000;
} 

  • Speichern nicht vergessen. Fertig!


Die Buttons sind jetzt sogar mit einen "Mouseover-Effekt" ausgestattet und die Eingabefelder sind weiss hinterlegt. Siehe "Angefügte Bilder".


Nachtrag: Funktioniert nicht in "Opera", da der Browser von Haus aus, diese 3-D Buttons, Scolleisten, etc. anders wiedergibt!


Gruß  Winken
Wolfgang


Meine Flash-Homepage mit Hilfen, Tricks und Tipps Idee


Angefügte Bilder:

Button1.jpg   Button2.jpg   Button3.jpg   Button4.jpg   Button5.jpg   Eingabe1.jpg  
Wolfgang Offline

Administrator


Beiträge: 828
Punkte: 1.107
08.06.2007 10:21

 

HP von Wolfgang


Mit einem Klick wird dieser Beitrag in die Favoritenliste eingetragen.
Sie können ihn somit schneller wiederfinden!

Wenn Sie diesen Betrag gut finden oder er Ihnen geholfen hat,
wird dem User eine Nachricht mit dem Wortlaut: "Gefällt mir", per PM zugesant!
Beitrag 80 - RE: Wie lassen sich die Forum-Buttons in 3-D verwandeln? Drucken · Zitat · antworten
Zuletzt geändert: 23.01.2009 11:41 

Neuen 3-D Lösch-Button für das Portrait oder Avatar-Bild erstellen

Um die Lösch-Funktion des Portrait-Bildes in einen 3-D Button umzuwandeln, muss der "input-Tag" wie folgt abgeändert werden:

  • Die CSS-Datei unter "Admin > Layout > Farben&Schriften" aufrufen

  • Die CSS-Datei sichern (am einfachsten in einer Textdatei z.B. css.txt)

  • Die Hintergrundfarbe im Attribut class=nnor wie oben beschrieben deaktivieren

  • Den Eintrag input wie folgt abändern

{{portrait==true.start}}<img src="{{portrait}}" width="{{avatar_width}}" height="{{avatar_height}}"><br>
<input  type="button" style="font-size: 10px; margin:5px;" value="Löschen" OnClick="javascript:document.getElementById('avatar_url').value='';">
{{portrait==true.end}}

  • Speichern nicht vergessen. Fertig!


So sieht der 3-D Lösch-Button aus: 

 
Bitte hier anklicken!



Nachtrag: Funktioniert nicht in "Opera", da der Browser von Haus aus, diese 3-D Buttons, Scolleisten, etc. anders wiedergibt!


Bis dann und viel Glück  Ya Ya
Wolfgang


Meine Flash-Homepage mit Hilfen, Tricks und Tipps Idee
Wolfgang Offline

Administrator


Beiträge: 828
Punkte: 1.107
21.01.2009 21:57

 

HP von Wolfgang


Mit einem Klick wird dieser Beitrag in die Favoritenliste eingetragen.
Sie können ihn somit schneller wiederfinden!

Wenn Sie diesen Betrag gut finden oder er Ihnen geholfen hat,
wird dem User eine Nachricht mit dem Wortlaut: "Gefällt mir", per PM zugesant!
Beitrag 673 - Forum-Titelleisten mit 3-D Effekt Drucken · Zitat · antworten
Zuletzt geändert: 23.01.2009 11:48 

Forum-Titelleisten mit 3-D Effekt

Hallo, Hallo
um den Titelleisten einen 3-D Effekt zu verpassen, werden in der CSS-Datei
"Admin > Layout > CSS > Inhalt der CSS Datei"
  an den verschiedenen "class-Einträgen" kleine Grafiken vergeben (Rot gekennzeichnet).

                         
78q-159.png              78q-157.png

Weil die Grafik Zeit zum Laden braucht, wird aus diesem Grunde eine Hintergrundfarbe definiert (Grün gekennzeichnet), die sofort angezeigt wird.
Wie die 3-D Titelleisten aussehen kann man hier gut im Forum sehen.
Verschiedene Grafken (Farbverläufe) für Titelleisten sind auch in BOo°m's "Foren Informationen" zu bekommen.

Nachfolgend werden alle "class-Einträge" aufgelistet (mit Beschreibung), die die verschiedensten Titelleisten in 3-D darstellen.


.ntit {
  /* z.b. bei der Suche die Überschrift */
  background-image:url(http://www.bilder-hochladen.net/files/78q-159.png);
  background-color: #151457;

}

.ntop {
  /* Die zweite Überschriftszeile wie bei den Privaten Mails */
  background-image:url(http://www.bilder-hochladen.net/files/78q-159.png);
  background-color: #151457;
}

.itop {
  /* Forum Übersicht - oberste Zeile-> Überschrift sei: Forum, Themen, Beiträge, letze Nachricht, Moderator */
  background-image:url(http://www.bilder-hochladen.net/files/78q-157.png);
  background-color: #151457;
}

.icats {
  /* Forum Übersicht -> Kategorie */
  background-image:url(http://www.bilder-hochladen.net/files/78q-157.png);
  background-color: #151457;

}

.iau1 {
  /* Forum Übersicht -> Aktive User zeile 2 mit Liste der aktiven User */
  background-image:url(http://www.bilder-hochladen.net/files/78q-157.png);
  background-color: #151457;

}

.ftop {
  /* Themenübersicht angeklickte Kategorie Zeile 1 -> Neues Thema erstellen */
  background-image:url(http://www.bilder-hochladen.net/files/78q-159.png);
  background-color: #151457;

}

.fbot {
  /* Themenlinks -> Letzte Spalte */
  background-image:url(http://www.bilder-hochladen.net/files/78q-159.png);
  background-color: #151457;

}

.ttop {
  /* Themenansicht erste Zeile -> Themenname-Sortierung-Flat-Threaded */
  background-image:url(http://www.bilder-hochladen.net/files/78q-159.png);
  background-color: #151457;

}

.tnex {
  /* Themenansicht zweite und untere Zeile -> wenn Thema mehrere Seiten hat */
  background-image:url(http://www.bilder-hochladen.net/files/78q-157.png);
  background-color: #151457;

}

.tbot {
  /* Letzte Abschlusszeile in Themen */
  background-image:url(http://www.bilder-hochladen.net/files/78q-159.png);
  background-color: #151457;

}



Bis dann und gutes Gelingen Bis bald
Wolfgang


Meine Flash-Homepage mit Hilfen, Tricks und Tipps Idee