Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 15
Seite [1]
Manston


Rock the board




Beiträge: 43
 # Thema - 25.01.2015 um 13:12 Uhr
moin.
ich will mein TS Viewer in Slider machen.habe ihr auch schon was dazu gefunden aber ich habe eine fertige seite von euch und weis nicht wo ich da was rein schreiben soll
Inaktiv
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
 # Antwort: 1 - 25.01.2015 um 13:37 Uhr
templates/deintemplate/index.htm

da müssen alle Änderungen an dem aktiven Template vorgenommen werden, was html/css betrifft


Inaktiv
|
Manston
Thread-Ersteller


Rock the board




Beiträge: 43
 # Antwort: 2 - 25.01.2015 um 13:51 Uhr
in welcher css datei muss ich was ändern..in Layout oder Clansphere


Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
 # Antwort: 3 - 25.01.2015 um 13:53 Uhr
Ich weiß nicht wie dein template aufgebaut ist, nen link wäre da hilfreich


Inaktiv
|
Manston
Thread-Ersteller


Rock the board




Beiträge: 43
 # Antwort: 4 - 25.01.2015 um 15:04 Uhr
sack-gesichter.de

aber da sihst du ja nur die seite
Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
 # Antwort: 5 - 25.01.2015 um 15:08 Uhr
Deine layout.css ist für dein Template verantwortlich.
Die clansphere.css beinhaltet nur die clansphere styles, scheint aber auch schon älter zu sein.

in welche du die änderungen schreibst, ist recht egal, um es sauber zu trennen, würde ich aber die layout nehmen


Inaktiv
|
Manston
Thread-Ersteller


Rock the board




Beiträge: 43
 # Antwort: 6 - 25.01.2015 um 15:34 Uhr
aber wie mach ich das


Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
 # Antwort: 7 - 25.01.2015 um 15:39 Uhr
Aso, dafür wirst du dir entweder html/css Kenntnisse aneignen müssen oder du suchst dir im inet nen tutorial


Inaktiv
|
Manston
Thread-Ersteller


Rock the board




Beiträge: 43
 # Antwort: 8 - 25.01.2015 um 17:46 Uhr
ich habe ja zum teil kenntnisse aber weiß nicht wo ich es dort direkt ändern soll


Inaktiv
|
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
 # Antwort: 9 - 25.01.2015 um 17:55 Uhr
Schau mal im folgenden Link nach, vlt hilft dir das ja etwas weiter.

TS-Slider Tutorial


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


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

Inaktiv
|
Manston
Thread-Ersteller


Rock the board




Beiträge: 43
 # Antwort: 10 - 26.01.2015 um 19:44 Uhr
Tress13 bin deim Link gefolgt und soweit ist alles jut nur das ich kein background habe hinter dem ts viewer..also bei mir seh ich nichts an der seite weil es unsichtbar ist.klick ich aber am rand kommt das ts.. aber will halt so ein button am rand

 
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.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
150.
151.
152.
153.
154.
155.
156.
157.
158.
159.
160.
161.
162.
163.
164.
165.
166.
167.
168.
169.
170.
171.
172.
173.
174.
175.
176.
177.
178.
179.
180.
181.
182.
183.
184.
185.
186.
187.
188.
189.
190.
191.
192.
193.
194.
195.
196.
197.
198.
199.
200.
201.
202.
203.
204.
205.
206.
207.
208.
209.
210.
211.
212.
213.
214.
215.
216.
217.
218.
219.
220.
221.
222.
223.
224.
225.
226.
227.
228.
229.
230.
231.
232.
233.
1. / 2. / ... 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">  

<head>
    <meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
    <title>{func:title}</title>

    {clansphere:navmeta}
    <link href="layout.css" rel="stylesheet" type="text/css" />
    <link href="clansphere.css" rel="stylesheet" type="text/css" />
    <link rel="alternate" type="application/rss+xml" href="uploads/rss/news.xml" />
   
   <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
<!--
jQuery(document).ready(function() {
$("a#ToogleSidebar1").click().toggle(function() {
$('#sidebar1').animate({
width: 'hide',
opacity: 'hide'
}, 'slow');
}, function() {
$('#sidebar1').animate({
width: 'show',
opacity: 'show'
}, 'fast');
});
});
-->
</script>
<script type="text/javascript">
<!--
jQuery(document).ready(function() {
$("a#ToogleSidebar2").click().toggle(function() {
$('#sidebar2').animate({
width: 'hide',
opacity: 'hide'
}, 'slow');
}, function() {
$('#sidebar2').animate({
width: 'show',
opacity: 'show'
}, 'fast');
});
});
-->
</script>

    
</head>

<body>
 <!--Linker Slider-->
<div id="game_slid" class="game_slid" style=" left: -XXXpx; width: XXXpx; position: fixed; top: XXXpx; background:
url(bg_game.jpg) repeat scroll 100% 0% transparent; height: XXXpx; z-index: 999;">
<div style="position:absolute;top:XXXpx;right:XXXpx;width:XXXpx;height:XXX px;overflow:auto;color:#ffffff;"></div></div>
 <!--rechter Slider-->
<div id="ts_slid" class="ts_slid" style=" right: -272px; width: 316px; position: fixed; top: 200px; background:
url(Bilder/Ts-Slider.jpg) repeat scroll 100% 0% transparent; height: 594px; z-index: 999;">
<div  style="position:absolute;top:30px;left:64px;width:240px;height:538px;overflow:auto;color:#ffffff;"><iframe  src="http://teamspeak-viewer.4players.de/index.php/de/62.104.20.150:10149/ViewServer.html?usesimpleheader=1&viewertreeonly=1" scrolling="auto" style="width:170px;height:300px;"></iframe></div></div>


<div align="center">

    <div id="main">
    
        <div id="banner">
        <div class="ticker">{ticker:display}</div>
        </div>
        
        <div id="main_inner">
        
            <div id="left2">
            
                <div class="navi_left"><span class="Stil1">Main</span> Navigation</div>
                
                <div class="button_left"><a class="button" href="?mod=news&action=recent">Neuigkeiten</a></div>
                <div class="button_left"><a class="button" href="?mod=gbook">Gaestebuch</a></div>
                <div class="button_left"><a class="button" href="?mod=search">Suche</a></div>
                <div class="button_left"><a class="button" href="?mod=board">Forum</a></div>
                
                <div class="navi_left"><span class="Stil1">Clan</span> Navigation</div>
                
                <div class="button_left"><a class="button" href="?mod=members&action=teams">Sqauds</a></div>
                <div class="button_left"><a class="button" href="?mod=members">Mitglieder</a></div>
                <div class="button_left"><a class="button" href="?mod=wars">Clanwars</a></div>
                <div class="button_left"><a class="button" href="?mod=awards">Awards</a></div>
                <div class="button_left"><a class="button" href="?mod=history">History</a></div>
                <div class="button_left"><a class="button" href="?mod=rules">Regeln</a></div>
                
                
                <div class="navi_left"><span class="Stil1">S</span>ervice</div>
                
                <div class="button_left"><a class="button" href="?mod=events&action=calendar">Events</a></div>
                <div class="button_left"><a class="button" href="?mod=servers">Server</a></div>
                <div class="button_left"><a class="button" href="?mod=users">Community</a></div>
                <div class="button_left"><a class="button" href="?mod=files">Downloads</a></div>
                <div class="button_left"><a class="button" href="?mod=links">Links</a></div>
                <div class="button_left"><a class="button" href="?mod=quotes">Quotes</a></div>
                <div class="button_left"><a class="button" href="?mod=faq">Faqs</a></div>
                <div class="button_left"><a class="button" href="?mod=articles">Artikel</a></div>
                <div class="button_left"><a class="button" href="?mod=gallery">Gallerie</a></div>
                
                <div class="navi_left"><span class="Stil1">C</span>Kontakt</div>
                
                <div class="button_left"><a class="button" href="?mod=joinus&action=new">Joinus</a></div>
                <div class="button_left"><a class="button" href="?mod=fightus&action=new">Fightus</a></div>
                <div class="button_left"><a class="button" href="?mod=contact&action=mail">Mailus</a></div>
                <div class="button_left"><a class="button" href="?mod=contact&action=imprint">Impressum</a></div>
                <div class="button_left"><a class="button" href="?mod=clansphere&action=about">Scriptinfo</a></div>
                
                <div class="head_box_left"><span class="Stil1">E</span>vents</div>
                
                <div class="inner_frame_left">{events:navcal}</div>
                
                <div align="left" class="footer_button_left"></div>
                
                <div class="head_box_left"><span class="Stil1">C</span>ounter</div>
                
                <div class="inner_frame_left">                    
                    
                    <span style="float:left;"><a href="index.php?mod=count&action=online">Online:</a></span><span style="float:right">{count:navone}</span><br />
                    <span style="float:left;">Heute:</span><span style="float:right">{count:navday}</span><br />
                    <span style="float:left;">Monat</span><span style="float:right">{count:navmon}</span><br />
                    <span style="float:left;"><a href="index.php?mod=count&action=stats">Gesamt:</a></span><span style="float:right">{count:navall}</span>                    
                
                </div>
                
               <div align="left" class="footer_button_left"></div> 
                        
            </div>
            <div id="lastnews">
            <div class="last_wars">{wars:navlist}</div>
            <div class="next_wars">{wars:navnext}</div>
            <div class="last_forum">{board:navlist}</div>
          </div>
             <div id="right2">
            
                <div class="head_button_right"><span class="Stil1">User</span> Login</div>
            
                <div align="left" class="inner_frame">{users:navlogin}</div>
                
                <div align="left" class="footer_button_right"></div>
                
                <div class="head_button_right"><span class="Stil1">Last</span> News</div>
                
                <div align="left" class="inner_frame">{news:navlist}</div>
                
                <div align="left" class="footer_button_right"></div>
                
        <div class="head_button_right"><span class="Stil1">User</span> Online</div>
                
                <div align="left" class="inner_frame">{users:navonline}</div>
                
                <div align="left" class="footer_button_right"></div>
                
                <div class="head_button_right"><span class="Stil1">B</span>anner</div>
                
                <div class="inner_frame">{banners:navlist}</div>
                
                <div align="left" class="footer_button_right"></div>
                
                <div class="head_button_right"><span class="Stil1">V</span>otes</div>
                
                <div align="left" class="inner_frame">{votes:navlist}</div>
                
                <div align="left" class="footer_button_right"></div>
                
                <div class="head_button_right"><span class="Stil1">S</span>houtbox</div>
                
                <div align="left" class="inner_frame">{shoutbox:navlist}</div>
                
               <div align="left" class="footer_button_right"></div>
               
               <div class="head_button_right"><span class="Stil1">S</span>houtbox</div>
                
                <div  class="inner_frame">{gallery:navlist}</div>
                
               <div align="left" class="footer_button_right"></div>


          </div>
            <div id="content">
           
            <div class="content">{func:show}</div>
            </div>
        
        
        <div id="footer"></div>
    
      </div>        
    </div>
</div> 




</body>
<script type="text/javascript">
var state = 0;
var wait = false;
function changeSlider1()
{
if(state==1){
$('#ts_slid').animate({width: 300 }, "slow", function(){state = 0;}
);
}
else
$('#ts_slid').animate({width: 556 }, "slow", function(){state = 1;}
);
}
$('#ts_slid').click(function(){
changeSlider1();
});
</script>
<script type="text/javascript">
var state = 0;
var wait = false;
function changeSlider2()
{
if(state==1){
$('#game_slid').animate({width: XXX }, "slow", function(){state = 0;}
);
}
else
$('#game_slid').animate({width: XXX }, "slow", function(){state = 1;}
);
}
$('#game_slid').click(function(){
changeSlider2();
});
</script>
</html>
Inaktiv
|
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
 # Antwort: 11 - 26.01.2015 um 21:40 Uhr
Hast du den ein Bild namens "Ts-Slider.jpg" erstellt und in das richtige Verzeichnis geladen?
Notfalls könntest ja einfach mal eine BG-Color definieren.



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


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

Inaktiv
|
Manston
Thread-Ersteller


Rock the board




Beiträge: 43
 # Antwort: 12 - 26.01.2015 um 21:52 Uhr
ja habe ich gemacht.


Inaktiv
|
Manston
Thread-Ersteller


Rock the board




Beiträge: 43
 # Antwort: 13 - 28.01.2015 um 19:10 Uhr
Trees ich habe jetzt auch die CSS variante probiert was soweit auch alles funktioniert hat bis auf dem hintergrundbild wieder.
https://www.maretz.eu/blog/index.php/Entry/22-Game-und-Ts-Slider-mit-eigener-Gra fik-Men%C3%BC%C2%B4s-Login-u-v-m-einbinden/?s=1e408cc19b7e27c2de1d98db2fd8c1fbe7efd1c2

das war ja dein link dazu.

wenn ich das aber nur schreibe wie in tutorial vom link ist das hintergrund bild dabei also muss doch in meiner index.html datei wie oben schon eingefügt stören...weil mein counter und bb codes funktionieren auch net mehr..muss ja alles zusammen hängen
Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
 # Antwort: 14 - 28.01.2015 um 20:32 Uhr
Würde mal deine index aufräumen.

css gehört nicht in den head bereich, sondern gesondert
und lösch mal die divs und spans aus deinem head, die haben da überhaupt nichts verloren.


Inaktiv
|
Manston
Thread-Ersteller


Rock the board




Beiträge: 43
 # Antwort: 15 - 29.01.2015 um 08:38 Uhr
habe ich jetzt rausgenommen und per link eingefügt.
habe den fehler jetzt gefunden.der html doctype musste geändert werden


Inaktiv
|
Antworten: 15
Seite [1]


Sie müssen sich registrieren, um zu antworten.