:: ClanSphere :: Free OpenSource Clan CMS :: - Forum

Antworten: 25

Seite < 1 [2]

Tress13

Highlander

Herkunft: Lüdenscheid
Beiträge: 3048

# Antwort: 21 - 27.08.2011 um 18:29 Uhr

Vlt in etwa so:

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.

1. / 2. / ...

<div style="overflow:auto" id="cs_shoutbox_navlist2">
    
    <div class="jScrollbar">

            
            <div class="jScrollbar_mask">
                    <p>
  {loop:shoutbox}
  {shoutbox:shoutbox_name}: {shoutbox:shoutbox_text}<br />
  <hr style="width:100%" />
  {stop:shoutbox}
</div>
<br />

{if:form}
<form method="post" id="shout_navlist" action="{form:url}">
<fieldset style="border: 0; padding: 0">
  <input type="text" name="sh_nick" value="{form:nick}" onfocus="if(this.value=='Nick') this.value=''" onblur="if(this.value=='')this.value='Nick'" maxlength="40" size="15" /><br />
  <textarea name="sh_text" cols="15" rows="2"></textarea><br />
  {if:captcha}
  {captcha:img}<br />
  <input type="text" name="captcha" value="" maxlength="3" size="3" />
  {stop:captcha}<br />
<input type="submit" name="submit" value="Speichern" />
<input type="hidden" name="uri" value="{form:uri}" />
</fieldset>
</form>
<br />{stop:form}
                    </p>
            </div>

            
            <div class="jScrollbar_draggable">
                    
                    <a href="#" class="draggable"></a>
            </div>

            
            <div class="clr"></div>
    </div>
<a href="{url:archieve}">{lang:archieve}</a>

Ist ungetestet und die Standard Navlist.

------------------

www.iv-gaming.de | www.iv-artwork.de

Inaktiv

Koffein

Going for pro

Beiträge: 536

# Antwort: 22 - 27.08.2011 um 19:03 Uhr

Funktioniert leider nicht.
Die Texte in der Shoutbox sind abgeschnitten und der Scrollbalken wird einfach nur als Bild drunter angezeigt.

Die Eingabefläche verschwindet vollständig.

Fehlt da nicht auch noch der dritte Punkt? Also das aufrufen des Plugins?

Zuletzt editiert von Koffein am 27.08.2011 um 19:04 Uhr (1x Editiert)

Inaktiv

Tress13

Highlander

Herkunft: Lüdenscheid
Beiträge: 3048

# Antwort: 23 - 27.08.2011 um 19:08 Uhr

Das Aufrufen des Plugins sollte doch mit den Zeilen über dem body-Tag passieren, oder net ?

Oder pack doch einfach mal den text der Navlist dahin, wo der Lorem Ipsum Text steht.
Also so:

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.

1. / 2. / ...

<div class="jScrollbar">

            
            <div class="jScrollbar_mask">
                    <p>
<div style="overflow:auto" id="cs_shoutbox_navlist2">
    
    <div class="jScrollbar">

            
            <div class="jScrollbar_mask">
                    <p>
  {loop:shoutbox}
  {shoutbox:shoutbox_name}: {shoutbox:shoutbox_text}<br />
  <hr style="width:100%" />
  {stop:shoutbox}
</div>
<br />

{if:form}
<form method="post" id="shout_navlist" action="{form:url}">
<fieldset style="border: 0; padding: 0">
  <input type="text" name="sh_nick" value="{form:nick}" onfocus="if(this.value=='Nick') this.value=''" onblur="if(this.value=='')this.value='Nick'" maxlength="40" size="15" /><br />
  <textarea name="sh_text" cols="15" rows="2"></textarea><br />
  {if:captcha}
  {captcha:img}<br />
  <input type="text" name="captcha" value="" maxlength="3" size="3" />
  {stop:captcha}<br />
<input type="submit" name="submit" value="Speichern" />
<input type="hidden" name="uri" value="{form:uri}" />
</fieldset>
</form>
<br />{stop:form}
                    </p>
            </div>

            
            <div class="jScrollbar_draggable">
                    
                    <a href="#" class="draggable"></a>
            </div>

            
            <div class="clr"></div>
    </div>
<a href="{url:archieve}">{lang:archieve}</a>
                    </p>
            </div>

            
            <div class="jScrollbar_draggable">
                    
                    <a href="#" class="draggable"></a>
            </div>

            
            <div class="clr"></div>
    </div>

------------------

www.iv-gaming.de | www.iv-artwork.de

Zuletzt editiert von Tress13 am 27.08.2011 um 19:10 Uhr (2x Editiert)

Inaktiv

Koffein

Going for pro

Beiträge: 536

# Antwort: 24 - 27.08.2011 um 19:11 Uhr

Eigentlich schon aber auf der Seite des Plugins steht ja im dritten Schritt noch Call the Plugin...

Das hab ich schon versucht, hilft leider nichts
Das Problem ändert sich dann nur.

Und zwar ist der schwarze Balken dann da, aber man kann ihn nicht bewegen...

Edit:: Ahm muss für Javascript irgendwas besonders auf dem Host installiert sein?
Ich teste das gerade auf meinem virtuellen Debian System.
Hab es gerade mal getestet, funktioniert mit der Beispiel index.php

EDIT: Du hast gerade in deinem Beispiel alles doppelt

EDIT:
Also der dritte Schritt muss doch noch mit rein, sonst gehts garnicht!

1.
2.
3.
4.
5.

1. / 2. / ...

Ich versuche das gerade nochmal über die beispieldatei umzubauen aber so wirklich will es nicht.

Es funktioniert !
Eigentlich lag es jetzt nur daran, das der dritte Schritt nicht eingefügt ist. Dieser läd nämlich die Optionen der Scrollbar.
Leider scrollt die Hauptseite auch ein bisschen mit wenn man nur per MousOver scrollt, dies ist aber in der Beispielsdatei auch schon der Fall, daher denke ich, dass man das nicht ändern kann. Oder hat da einer eine Idee?

Zuletzt editiert von Koffein am 27.08.2011 um 20:07 Uhr (6x Editiert)

Inaktiv

Rouven89
Thread-Ersteller

Going for pro

Beiträge: 539

# Antwort: 25 - 28.08.2011 um 20:30 Uhr

puh kenn das script jetzt nicht mehr genau..du musst ja vom prinzip her dem shoutbox div-container das overflow wegnehmen…und dann einfach den ganzen html code hier einsetzen (da wo HIER … steht)

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

1. / 2. / ...

also müsste es so aussehen..und eig auch funktionieren...

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.

1. / 2. / ...

<div class="jScrollbar">
    <div class="jScrollbar_mask">
        <div style="height:{height:shoutbox}px;padding-top:0px" id="cs_shoutbox_navlist2">
{loop:shoutbox}
  <div style="text-align:right; color:#{color:shoutbox};">{shoutbox:shoutbox_name} <font size="1">({shoutbox:shoutbox_date})</font></div>
  <div style="padding-right:3px;padding-top:2px;text-align:right">{shoutbox:shoutbox_text}</div>
  <hr style="width:100%" />
  <br />
  {stop:shoutbox}
</div>
<br />

<form method="post" id="shout_navlist" name="shout_navlist" action="{form:url}">
<div style="display:none;"><input type="hidden" name="cs_xsrf_key" value="39d378b4f57498ab73c844705b0caae3" /></div>

<div style="display:none;"><input type="hidden" name="cs_xsrf_key" value="a8f41ef4340e63a7e9e77c8f97d91ff0" /></div>

<div style="display:none;"><input type="hidden" name="cs_xsrf_key" value="819f41b6f2fded1ca0d07e939488bc4e" /></div>

<fieldset style="border: 0; padding: 0;text-align:right">
  <div style="text-align:right"><input style="text-align:right" type="text" name="sh_nick" value="{form:nick}" onfocus="if(this.value=='Nick') this.value=''" onblur="if(this.value=='')this.value='Nick'" maxlength="40" size="15" /> {characters_left:shoutbox}<br />
  <textarea  name="sh_text" id="sh_text" cols="15" rows="0" class="form" maxlength="500" onkeydown="CheckLen(this)" onkeyup="CheckLen(this)" onfocus="CheckLen(this)"  wrap="VIRTUAL"  onchange="CheckLen(this)">
    </div>

    <div class="jScrollbar_draggable">
        <a href="#" class="draggable"></a>
    </div>

    <div class="clr"></div>
</div>

------------------
http://sc-wiesens.de/

Der Sport Club "13 Eichen" Wiesens

Inaktiv

Antworten: 25

Seite < 1 [2]

Sie müssen sich registrieren, um zu antworten.

Forum - Thema
Nächstes Thema ->
Forum -> Support -> Allgemein (Support) -> eigenen scrollbalken erstellen