Demo

Probiere ClanSphere aus und teste daran herum. Demo


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">
    <!-- Main container -->
    <div class="jScrollbar">
     
            <!-- Scrolling content container -->
            <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>
     
            <!-- slider container -->
            <div class="jScrollbar_draggable">
                    <!-- slider -->
                    <a href="#" class="draggable"></a>
            </div>
           
            <!-- don't forget to clear the floats -->
            <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. / ... 
 
    <!-- EXEMPLE -->
     
    <!-- Main container -->
    <div class="jScrollbar">
     
            <!-- Scrolling content container -->
            <div class="jScrollbar_mask">
                    <p>
<div style="overflow:auto" id="cs_shoutbox_navlist2">
    <!-- Main container -->
    <div class="jScrollbar">
     
            <!-- Scrolling content container -->
            <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>
     
            <!-- slider container -->
            <div class="jScrollbar_draggable">
                    <!-- slider -->
                    <a href="#" class="draggable"></a>
            </div>
           
            <!-- don't forget to clear the floats -->
            <div class="clr"></div>
    </div>
<a href="{url:archieve}">{lang:archieve}</a>
                    </p>
            </div>
     
            <!-- slider container -->
            <div class="jScrollbar_draggable">
                    <!-- slider -->
                    <a href="#" class="draggable"></a>
            </div>
           
            <!-- don't forget to clear the floats -->
            <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. / ... 
 <script type="text/javascript">                                           
    $(document).ready(function(){
        $('.jScrollbar5').jScrollbar();
    });                                        
</script>   


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. / ... 
 
<div class="jScrollbar">
    <div class="jScrollbar_mask">
        HIER...
    </div>
    
    <div class="jScrollbar_draggable">
        <a href="#" class="draggable"></a>
    </div>
        
    <div class="clr"></div>
</div>


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.