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

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

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

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

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

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">

</script>
<script type="text/javascript">

</script>


</head>

<body>

<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>

<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

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.

Forum - Thema
Nächstes Thema ->
Forum -> ClanSphere -> Allgemein (ClanSphere) -> TS Viewer in Slider