Suche im Forum:
Suchen


Autor Nachricht
Beitrag10.03.2016 um 12:52 (UTC)    
Titel: User im Forum verifizieren
Antworten mit Zitat
Ist es möglich, wie bbei Facebook oder YouTube einzelne accounts zu verifizieren? (mit so nem Haken)
Dieser haken soll nämlich (da mein Forum etwas mit youtube zu tun hat) zeigen, welche der forum nutzer auch auf youtube verifiziert sind
↑
Beitrag10.03.2016 um 13:35 (UTC)    
Titel:
Antworten mit Zitat
Hallo,

über das Foren-Menü leider nicht . Aaaber .... mit ein paar Zeilen CSS machbar Very Happy
Was stellst Du dir vor ? Einen kleinen roten Haken vor dem Foren-Namen ?

Beispiel :


Gruß Wolle


Zuletzt bearbeitet von clean-test am 10.03.2016, 14:43, insgesamt einmal bearbeitet
↑
Beitrag10.03.2016 um 14:05 (UTC)    
Titel: Vielen Dank
Antworten mit Zitat
Wenn du mir jetzt noch sagst, wie der Haken hinter den namen kommt und du mir den code sagst, wäre ich unendlich dankbar :D
↑
Beitrag10.03.2016 um 14:48 (UTC)    
Titel:
Antworten mit Zitat
noch besser Very Happy
ich zeige dir wie du gleich das Youtube-Symbol hinein bekommst,
dafür benötigen wir keine Grafiken .



Also vorweg, die Symbole musst leider immer Du selbst einfügen.
Deine Foren-Nutzer können es nicht.

Schritt 1: Den CSS-Code einfügen
- auf "Extras" gehen
- auf "Eigener <head> - Inhalt" aktivieren / klicken
- hier sind die CSS-Codes am besten aufgehoben

Zitat:

<style type="text/css">
<!--

a[href="profile-11.htm"]:before {
color: red;
content: "\f167";
font-style: normal;
font-weight: normal;
font-size: 30px;
padding-right: 0.2em;
font-family: FontAwesome;
text-decoration: inherit;
}
-->
</style>


Schritt 2: Den CSS-Code anpassen
- jedes Forenmitglied hat eine Foren-Profilseite, die sind Nummeriert
- User liftboyconnor hat z.B. Profilseite 11 (siehst Du im Adressfeld des Browsers)
- diese Profilnummer änderst Du in Codezeile wo die 11 steht

- bei color: red; kannst Du die Farbe für das Symbol ändern

- bei content: "\f167" kannst Du das Symbol ändern
- "\f167" = wäre das Youtube-Symbol
- und "\f00c" = wäre das Symbol für den Haken
- eine Übersicht der möglichen Symbole findest Du hier : http://themes.webinane.com/zapanelv1.3/icon.html

- und bei font-size: 30px; kann die Symbol-Größe bestimmt werden

Ich hoffe das half Dir weiter Very Happy

Gruß Wolle

Info für interessierte Mitlesende:
Diese Vorgehensweise funktioniert so im Baukasten-Design "Professional".

Für alle anderen Baukasten-Designs ist noch ein weiterer Schritt notwendig:
- Einloggen in Homepage
- auf "Extras"
- zum Extra "Eigener <head> - Inhalt"
- hier folgendes einfügen:
Zitat:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">


Stehen in diesem Feld bereits Eure CSS-Codes ?
Dann Einfügen nach dem --></style>

.


Zuletzt bearbeitet von clean-test am 16.03.2016, 20:18, insgesamt 4-mal bearbeitet
↑
Beitrag10.03.2016 um 15:06 (UTC)    
Titel: Extra Forum : Nicknamen mit Logo / Symbol
Antworten mit Zitat
kleine Ergänzung noch .... wenn mehrere Foren-Mitglieder das
gleiche Logo bekommen sollen :

Jeder einzelne User wird ja mit dieser CSS-Zeile "angesprochen" :
Zitat:

a[href="profile-XX.htm"]:before


BEISPIEL :
- Du möchtest 3 Foren-Mitglieder mit Symbol ausstatten
- deren Profilseiten-Nummern lauten 8, 10 und 17
- wir fügen diese 3 durch Komma getrennt ein

Zitat:

a[href="profile-8.htm"]:before , a[href="profile-10.htm"]:before , a[href="profile-17.htm"]:before {
color: red;
content: "\f167";
font-style: normal;
font-weight: normal;
font-size: 30px;
padding-right: 0.2em;
font-family: FontAwesome;
text-decoration: inherit;
}


Gruß Wolle
↑
Beitrag10.03.2016 um 19:30 (UTC)    
Titel: Re: Extra Forum : Nicknamen mit Logo / Symbol
Antworten mit Zitat
clean-test hat Folgendes geschrieben:
kleine Ergänzung noch .... wenn mehrere Foren-Mitglieder das
gleiche Logo bekommen sollen :

Jeder einzelne User wird ja mit dieser CSS-Zeile "angesprochen" :
Zitat:

a[href="profile-XX.htm"]:before


BEISPIEL :
- Du möchtest 3 Foren-Mitglieder mit Symbol ausstatten
- deren Profilseiten-Nummern lauten 8, 10 und 17
- wir fügen diese 3 durch Komma getrennt ein

Zitat:

a[href="profile-8.htm"]:before , a[href="profile-10.htm"]:before , a[href="profile-17.htm"]:before {
color: red;
content: "\f167";
font-style: normal;
font-weight: normal;
font-size: 30px;
padding-right: 0.2em;
font-family: FontAwesome;
text-decoration: inherit;
}


Gruß Wolle




Ist es möglich, dass bei einem Mouseover "verified" angezeigt wird?
↑
Beitrag11.03.2016 um 09:33 (UTC)    
Titel: Forum Nicknamen / Username mit Logo
Antworten mit Zitat
Ich sehe, Du hast das mit ::before (Symbol - Links - platzieren)
und dem ::after (Symbol - rechts -platzieren) schon verstanden Very Happy

Leider können wir mit der CSS-Lösung - keinen Text - neben die Forennamen setzen.
Edit: Text geht auch, siehe Post unten von mir

Du kannst als HOVER-Effekt ein Symbol (z.B. grüner Haken) - ODER- eigene Grafiken verwenden.
Dazu könntest Du ja etwas mit gewünschten Text beschriften und als Bild verwenden.

Hover-Effekt mit Symbol :
Zitat:

a[href="profile-2.htm"]:hover::before {
content:"\f046";
color: green; }


Die Zahl 2 durch deine Profil-Nummer ersetzen.

Möglichkeit 2: Hover-Effekt mit eigener Grafik
Zitat:

a[href="profile-2.htm"]:hover::before {
content:url(Grafikadresse);
position:absolute;
margin-top: XXpx;
margin-left: XXpx;
}


Gewünschte Grafikadresse einfügen.
Verschieben (positionieren) kannst Du Grafik mit margin-top und margin-left , statt XX gewünschte Werte einfügen.

Da du das Logo rechts neben Forennamen stehen haben möchtest, das ::before ändern in ::after

Und für interessierte Mitleser - so kann es mit den Forennamen aussehen :
http://img.webme.com/pic/c/clean-test/forum_3.png

Gruß Wolle


Zuletzt bearbeitet von clean-test am 12.03.2016, 14:56, insgesamt 6-mal bearbeitet
↑
Beitrag11.03.2016 um 12:39 (UTC)    
Titel: ÄÄHM
Antworten mit Zitat
Danke, aber ich wollte wissen, wie man es hinkriegt, dass wenn man über das Häkchen mit der Maus fährt, dass eine Sprechbblase darübber erscheint die sagt "verified"
↑
Beitrag12.03.2016 um 09:02 (UTC)    
Titel:
Antworten mit Zitat
Die Möglichkeit 2 nutzen

- Sprechblase mit Bildbearbeitungsprogramm erstellen.
- Sprechblase beschriften
- Grafik hochladen im Baukasten
- Grafikadresse einfügen im Code Wink

Wenn Dir reiner Text (ohne Sprechblase) auch genügt :
Zitat:

a[href="profile-3.htm"]:hover::after {
content:"HIER DEIN TEXT";
font-family: arial;
color:green;
position: absolute;
margin-top: -20px;
margin-left: -60px;
}


Wenn Dein vorhandenes Symbol (du hast ::after verwendet) rechts stehen bleiben soll,
müsstest Du für diesen Hover das ::after durch das ::before ersetzen.
Symbol rechts bleibt dann erhalten, bei Mauskontakt kommt zusätzlich der gewünschte Text dann.

Statt font-family: FontAwesome; für den HOVER font-family: arial; verwenden, da wir kein Symbol aufrufen, sondern Text einsetzen.
Positionieren dann wie gehabt mit margin-top und margin-left (im Code) Wink

Siehe Beispiel :
Fahre mit der Maus über den Forennamen "clean-test" hier http://clean-test.de.tl/Forum/index.htm


Gruß Wolle


Zuletzt bearbeitet von clean-test am 12.03.2016, 15:05, insgesamt 6-mal bearbeitet
↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.