Internet Forum / Hilfen für Einsteiger in HPM Foren

Avatar-Auswahl im Benutzer-Profil jetzt möglich!

#1 von wolf.andres , 02.09.2007 17:30


Avatar-Bilder automatisch ins Benutzer-Profil eintragen

Avatar-Bilder können jetzt aus einer vorgegebenen Auswahlliste ins Benutzer-Profil eingetragen werden.
Das sogar mit einem Mausklick!

Funktion:

  • Unter "Einstellungen > Profil bearbeiten & Passwort ändern > Portrait > Avatar-Bilder auswählen", Auswahlliste öffnen

  • Avatar-Bild auswählen und anklicken

  • Die Webadresse vom Avatar-Bild wird ins Eingabefeld automatisch "Internet-Adresse verwenden" eingetragen

  • GO-Button anklicken und das Avatar-Bild ist installiert



  • Installation:
    Die Avatar-Auswahlliste beruht auf der Funktion des Aufklapp-Menüs in Verbindung mit dem Befehl "OnKlick" und den gleichen "Java_Elementen" der Portrait-Eingabe!

    Zu beachten ist, dass die hier verwendeten Bilder eine Größe von bis zu 80x80px und 22Kbyte aufweisen.
    Bitte die Einstellung "Layout > Maximale Avatar Größe" kontollieren, bzw. einstellen!

    "Java Script" ins "Template" eintragen:

  • Obere Leiste unter "Admin > Template > [edit] > Obere Leiste" öffnen:

  • Eintragungen sicherheitshalber in einer Textdatei abspeichern (z.B. "Obere Leiste.txt")

  • Folgende Eintragungen in "Obere Leiste" zwischen <Head> & </head> vornehmen:

    Aufklapp-Menü
    <script language="JavaScript" type="text/javascript">
    function clip (id) {
    if (document.getElementById("span_"+id).style.display == 'none') {
    document.getElementById("span_"+id).style.display = "block"; }
    else {
    document.getElementById("span_"+id).style.display = "none"; } }
    </script>


    Eintragungen in "Einstellungen - Profil editieren" vornehmen:

  • Einstellungen unter "Admin > Template > [edit] > "Einstellungen - Profil editieren" öffnen:

  • Eintragungen sicherheitshalber in einer Textdatei abspeichern (z.B. "Profil.txt")

  • Folgende Eintragungen in "Einstellungen - Profil editieren" wie folgt durchführen (nur den blau markierten Text kopieren!):


  • Einstellungen - Profil editieren

    *
    *
    *
    <td valign="top" nowrap class="nnor">Portrait<br>
    <small>Maximal ({{avatar_max_width}}x{{avatar_max_height}} Pixel, {{avatar_max_size}}KBytes)</small></td>
    <td width="75%" class="nnor">

    <br>
    <br>
    <input type="button" value="Avatar-Bilder auswählen" OnClick="javascript:clip(110).value='';">
    <span id="span_110" style="display:none">
    <br>

    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-87.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-87.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-8l.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-8l.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-88.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-88.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-7w.jpg';">
    <img src="http://www.bilder-hochladen.net/files/1tys-7w.jpg" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-8m.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-8m.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-8b.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-8b.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-8u.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-8u.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-8h.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-8h.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-86.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-86.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-8k.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-8k.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-8n.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-8n.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-8o.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-8o.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-8y.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-8y.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-92.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-92.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-93.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-93.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-9a.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-9a.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-9b.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-9b.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-9c.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-9c.gif" border="0"></a>
    &nbsp;
    <a OnClick="javascript:document.getElementById('avatar_url').value='http://www.bilder-hochladen.net/files/1tys-8a.gif';">
    <img src="http://www.bilder-hochladen.net/files/1tys-8a.gif" border="0"></a>

    <br><br>
    <input type="button" style="font-size: 10px; margin:5px;" value="Auswahl schließen" OnClick="javascript:clip(110).value='';">
    </span> <br><br>

    <table cellpadding=0 cellspacing=0 border=0 width=100%><tr><td rowspan=2>
    {{portrait==true.start}}<img src="{{portrait}}" width="{{avatar_width}}" height="{{avatar_height}}"><br>
    *
    *
    *





    Nachzulesen in meinem Forum:
    http://104774.homepagemodules.de/t129f31...-eintragen.html

    PS:                                                    
    Vielen Dank für die Unterstützung von Sabine!


    Bis dann und viel Spass mit dem Umgang der Avatare

    Gruß
    Wolf




    Forum
    Homepage

    Angefügte Bilder:
    Avatar-Bilder im Benutzer-Profil.jpg  
     
    wolf.andres
    Beiträge: 99
    Registriert am: 04.02.2007

    zuletzt bearbeitet 05.09.2007 | Top

    RE: Avatar-Auswahl im Benutzer-Profil jetzt möglich!

    #2 von Ulrike , 03.09.2007 18:59

    Hallo wolf.andres,

    ich hab es mal ausprobiert und es klappt wunderbar, nur ich kann den Sinn noch nicht erkennen. Wenn ich mir z.B. einige Avatare aussuche die mir gefallen und sie dann unter "Admin > Template > [edit] > "Einstellungen - Profil editieren" einstelle, dann haben doch alle Mitglieder, ob es ihnen gefällt oder nicht, nur die von mir ausgesuchten Avatare zur Auswahl und nicht diese die sie sich ausgesucht hätten.
    Oder gibt es da eine Möglichkeit, oder hab ich da was gänzlich falsch verstanden.

    Gruß, Ulrike


    Wer später bremst fährt länger schnell !!!

    Ulrike  
    Ulrike
    Beiträge: 19
    Registriert am: 10.09.2006


    RE: Avatar-Auswahl im Benutzer-Profil jetzt möglich!

    #3 von wolf.andres , 04.09.2007 00:40


    Hallo Ulrike,
    es stimmt, das Du die Auswahl der Avatare bestimmst.

    Du kannst Sie Deinem Forum entsprechend aussuchen und vorgeben!
    Für ein Tier-Forum, Tiere als Avatare.
    Für ein Spiele-Forum, Fantasy-Avatare.
    Für ein technisches Forum, die Avatar-Bilder, die ich genommen habe.
    Die Avatar-Auswahlliste steht dem User zu Verfügung, wenn er keine Bilder parat hat!!!

    Der User hat aber auch die Möglichkeit Avatar-Bilder von seinem eigenen Computer hochzuladen (Eingabefeld: Vom eigenen Computer hochladen)
    oder wenn er die Webadresse eines Avatar-Bildes kennt, sie unter "Internet-Adresse verwenden" einzutragen.

    Gruß
    Wolf




    Forum
    Homepage

     
    wolf.andres
    Beiträge: 99
    Registriert am: 04.02.2007

    zuletzt bearbeitet 04.09.2007 | Top

    RE: Avatar-Auswahl im Benutzer-Profil jetzt möglich!

    #4 von Watergirl , 28.03.2008 18:18

    geht das auch mit verschiedene Kategorien???

    Watergirl  
    Watergirl
    Beiträge: 8
    Registriert am: 13.02.2008

    zuletzt bearbeitet 28.03.2008 | Top

    RE: Avatar-Auswahl im Benutzer-Profil jetzt möglich!

    #5 von wolf.andres , 30.03.2008 23:17


    Hallo Watergirl,
    In Verbindung mit den Aufklapp-Menüs ist es auch hier möglich, verschiedene Kategorien für die Avatar-Auswahl zu realisieren.

    Wie das umgesetzt werden kann, ist in "Angefügte Bilder" zu sehen.

    Mehr hier: Avatar-Auswahl in verschiedenen Kategorien

    Gruß
    Wolfgang





    Forum
    Homepage

    Angefügte Bilder:
    Avatar-Auswahlmenü.jpg  
     
    wolf.andres
    Beiträge: 99
    Registriert am: 04.02.2007

    zuletzt bearbeitet 30.03.2008 | Top

       

    Online-Zeitzähler für Forumbesucher
    CSS Sahara





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