Internet Forum / Hilfen für Einsteiger in HPM Foren

Smilie Fenster

#1 von Sabine , 14.05.2007 23:08

Hallo,
dann gebe ich jetzt auch mal meinen Senf dazu...
im HPM Support wurde ab und zu nach einem Smiliefenster gefragt, in dem man weitere Smilies anbieten kann.
Hier ist eine Lösung mit einem "Fenster" für das man keinen Webspace oder ähnliches braucht (Vielleicht gibt's ja sowas auch schon, aber ich habe es nicht gefunden). Es basiert auf Javascript und hat funktioniert im IE, Firefox und Opera.

Folgender Code muss dazu unter Einstellungen - Symbol-Bar oben eingefügt werden.

<script language="javascript">
function hidewindow() {
document.getElementById('smiliewindow').style.visibility = 'hidden';
}
function showwindow() {
document.getElementById('smiliewindow').style.visibility = 'visible';
}
</script>

<style type="text/css">
.swhead {
/** Style der Titelleiste **/
background-color:#0274CA;
font-weight:bold;
font-family:Tahoma;
font-size:10pt;
}
.swbody {
/** Style des Fensterinhalts **/
background-color:#7AD3FB;
font-weight:normal;
font-family:Tahoma;
font-size:10pt;
}
</style>

<div id="smiliewindow" style="visibility:hidden; position:absolute;
top:100px; left:350px; border:2px solid #000000;
padding:0px; text-align:left;">
<!-- Titelleiste -->
<div class="swhead" style="width:400px; height:20px; border:none;
border-bottom:1px solid black; padding:1px 4px;">
<table width="100%" cellspacing="0" border="0">
<tr>
<!-- Titel -->
<td align="left" class="swhead">Smilies</td>
<!-- Fenstermenu -->
<td align="right"><a href="javascript:hidewindow();">
<img src="http://www.bilder-hochladen.net/files/2en6-14.gif"
border="0">
</a>
</td>
</tr>
</table>
</div>
<!-- Fensterinhalt -->
<div class="swbody" style="width:400px; height:200px;
border:none; overflow:auto; padding:4px;">
<!-- SMILIES -->
</div>
</div>


Außerdem kommt noch hinter das letzte Smilie in der Standard Symbol-Bar

<a href="javascript:showwindow();">mehr Smilies</a>


Designtechnisch gesehen ist das Fenster natürlich nicht der Hit (siehe Bild)
Nunja denn... ich hoffe jemand kanns gebrauchen.

Viele Grüße
Sabine

Angefügte Bilder:
window.jpg  
Sabine  
Sabine
Beiträge: 12
Registriert am: 29.04.2007

zuletzt bearbeitet 14.05.2007 | Top

RE: Smilie Fenster

#2 von BOo°m , 15.05.2007 00:48

Sehr schön Sabine, danke Dir!


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


RE: Smilie Fenster

#3 von wolf.andres , 17.05.2007 01:56

Hallo Sabine,
ich habe Dein Smilie-Menü ausprobiert.

Tolle Sache!
In meiner Symbol-Bar sind große und kleine Smilies.
Es besteht dadurch eine gute Möglichkeit damit die großen Smilies wahlweise ein und ausblenden.
Danke für Dein Script!

  • Fehlt hier noch etwas (z.B. "margin"), oder ist eine Pixelangabe zu viel?

  • <!-- Titelleiste -->  
    <div class="swhead"
    style="width:400px; height:20px; border:none;border-bottom:1px solid black;
    padding:1px 4px;">


    Bis dann
    wolf.andres




    Forum
    Homepage

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

    zuletzt bearbeitet 05.10.2007 | Top

    RE: Smilie Fenster

    #4 von Sabine , 18.05.2007 20:58

    Hallo wolf.andres

    Freut mich dass es jemand gebrauchen kann.
    Das 'padding:1px 4px;' stimmt so. Es bedeutet dass der Rand oben/unten 1px ist und der Rand rechts/links 4px.

    Viele Grüße
    Sabine

    Sabine  
    Sabine
    Beiträge: 12
    Registriert am: 29.04.2007


    RE: Smilie Fenster

    #5 von kleenecaro , 28.05.2007 15:05


    Hallo Sabine ,

    Finde dein Smiliefenster ganz toll , funktioniert auch prima.
    Danke

     
    kleenecaro
    Beiträge: 2
    Registriert am: 28.05.2007


    RE: Smilie Fenster

    #6 von Emanuel , 01.05.2008 16:37

    Hallo,

    ich bin der Neue.
    Bräuchte mal bitte Hilfe von Sabines Vorschlag,
    den ich ganz toll finde!
    Nur die Sache funzt nur bei mir in Adminmenü,
    aber nicht in Forum selbst.
    Hab auch meine Datei mit angefügt,da ich nicht weiss,ob ich es richtig eingebaut habe.
    Würde mich über eure Hilfe sehr freuen,da ich den Vorschlag sehr toll finde.
    Danke!

    Mein Forum:www.bolly-traumforum.de


    http://www.bolly-traumforum.de/

    Dateianlage:
    Testsymbolbar.txt
     
    Emanuel
    Beiträge: 30
    Registriert am: 13.04.2008


       

    Template
    Online-Zeitzähler für Forumbesucher





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