Slider Box

Gehe zu Seite:

Geschlossen

Fr. 29.03.2013 11:15 Uhr #1

Zeisig Mitglied

Registriert seit
05.03.2013

Beiträge
229

Beitragswertungen

Hallo ihr,
ich habe mir jetzt mal die ganzen Beiträge zum Thema Slider, Login Slider etc angeschaut und bin zu keiner wirklichen Lösung gekommen.
Einiges hab ich davon mal ausprobiert, aber letztendlich verträgt sich das ein oder andre nicht wirklich.

Gibt es eine einfache Java Script oder andere Methode eine Box (egal welche) per Sliding und mitscrollen in der index.htm rechts in die Webseite zu integrieren ? Ohne das sich jquery mit dem ein oder anderen klopft ?
Für Hilfen wäre ich sehr dankbar, denn ich kriegs so nicht hin.

LG und Thx

betroffene Homepage: externer Link
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 29.03.2013 13:41 Uhr #2

Maretz Hall Of Fame

Registriert seit
28.02.2009

Beiträge
740

Beitragswertungen

nach diesem Tutorial sollte sich "fast" jeder Inhalt einbringen lassen:

externer Link

Dazu einfach nur den gewählten Slider nutzen ( rechts oder links) und den Code an deine Grafik anpassen.
Sollte bereits query eingebunden sein, so sollte der scriptlink zu jquery-1.7.1.min.js nicht eingebunden werden.

Mfg maretz

Ilch Templates and Modules
1 Mitglieder finden den Beitrag gut.
- zitieren

Fr. 29.03.2013 13:48 Uhr #3

Zeisig Mitglied

Danke da hab ich ja was zum lernen lächeln

Edit:

Kannst Dir das mal anschauen Maretz ? Hab das jetz mal so ein wenig angepasst aber sliden tut sich da nix und die Box hängt auch nur oben links. Verträgt sich da was nicht ?

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

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="include/designs/Rabe2/style.css">
 
<script type="text/javascript">
function oeffnefenster (url) {
 fenster = window.open(url, "fenster1", "width=450,height=150,status=yes,scrollbars=no,resizable=no");
 fenster.focus();
}
</script>
<style type="text/css">
#bildseite
{
 position:relative;
 float: left;
 width: 215px;
 left:720px; top:62px;
 border-bottom: 0px solid #000000;
 border-right: 0px solid #000000;
}
</style>
 
<link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
 <!-- jQuery - the core -->
                <script type="text/javascript"
                        src="include/includes/js/jquery-1.4.2.js" >
                </script>
                <!-- Sliding effect -->
                <script type="text/javascript"
                        src="include/includes/js/slide.js" >
                </script>
 
 
<script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-1.4.4.min.js"></script>
        <script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-ui-1.8.6.custom.min.js"></script>
        <link charset="utf-8" media="screen" type="text/css" href="include/includes/jquery/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
<script type="text/javascript" src="include/includes/js/jquery.js"></script>
<script type="text/javascript" src="include/includes/js/messenger.js"></script>
 
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
 
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
<![endif]-->
<style type="text/css">
.facebook        {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.facebook:hover  {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.rss             {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.rss:hover       {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.ts              {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.ts:hover        {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.closed          {float:left;display:block;width: 16px;height: 16px;background-image: url('include/images/icons_comm6/closed.png');background-repeat: no-repeat;}
.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color:#000;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}
.white_content {
display: none;
position: fixed;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-webkit-box-shadow:8px 8px 8px #000;-moz--box-shadow:8px 8px 8px #000;box-shadow:8px 8px 8px #000;
left:50%; top:50%;
margin-left:-200px; margin-top:-250px;
width: 500px;
height: 500px;
padding: 4px;
border: 1px solid #bbbbbb;
background-color: #ffffff;
color: #000000;
z-index:1002;
overflow: auto;
}
</style>
 
<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>
<div id="ts_slid" class="ts_slid" style=" right: -272 px; width: 316 px; position: fixed; top: 500 px; background: url(http://www.vomzeisigwald.de/Bilder/bg2.jpg) repeat scroll 0% 0% transparent; height: 200 px; z-index: 999;">
   <div style="position:absolute;top:300 px;left:64 px;width:240 px;height:538 px;overflow:auto;color:#ffffff;">{_boxes_login}</div></div>
 
<div id="icon_button" style="left:0px;position:fixed;top:19px;" >
<a class="facebook" target="_blank" href="https://www.facebook.com/pages/Briten-vom-Zeisigwald/419188498172246" title="Besuch uns bei Facebook"></a><br/>
<a class="rss" title="News abonieren" href="index.php?news-rss"></a><br/>
<a class="ts" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="Kontaktiere uns"></a></div>
<div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" class="closed" title="Fenster schließen"></a><br><br>
<!-- Anfang TS Code -->
<a href="index.php?contact"><img src="http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/kontakt.png" alt="Kontakt" border="0"> </a>
<!-- Ende TS Code -->
</div><div id="fade" class="black_overlay"></div>
<table cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td align="center">
 
<div id="top">
  <div id="header"> <div style="float:left;" id="tagcloud">{_boxes_tagcloud}<?/div>
<div id="bildseite">{_if_{SESSION_AUTHRIGHT}<='-1'} <b><font size="-2"></font></b>{_boxes_videorandom} {_else_} {_boxes_videorandom} {/_endif}</div> </div></div>
 
</div>
 
  <div id="center">
    <div id="left_col"><input type="button" name="Livecam" value="Webcam" onclick="window.open('http://doyo26.ddns-instar.de/main.htm','Webcam','width=880, height=680, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><input type="button" name="showchat" value="Webchat" onclick="window.open('index.php?ajaxchat&iframe=false','Chat','width=720, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><br><br>
        {_list_menunr1@
    <table cellpadding="0" cellspacing="0" border="0" width="160">
 
          <tr>
                  <td style="height: 31px; background: url(include/designs/Rabe2/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
        </tr>
      <tr>
        <td style="background: url(include/designs/Rabe2/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
      </tr>
          <tr>
                  <td style="height: 8px; background: url(include/designs/Rabe2/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
        </tr>
    </table>
 
    }
 
  </div>
    <div id="main_col">
 
            <table width="715" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td style="min-height:-30px;padding: 0px;" colspan="5"><b><p align="center"><div align="center">{_boxes_freunde}</div><center></center></div><script type="text/javascript" src="include/includes/js/countdown.js"></script>
<div align="center" id="countdown">
</div>
</div></div>
 
</p><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="20%"></td>
    </tr>
 
 
</table><br></b>{EXPLODE}<br></td>
          </tr>
        </table>
                <div align="center">
 
 
 
</div>
 
    </div>
 
 
 
 <div id="footer"><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#ffffff"><font size="-2">Copyright © 2013 vomzeisigwald.de Britisch Kurz und Langhaar Katzen aus Chemnitz Sachsen. Site Details <a href="/index.php?rules"><b><font size="-2"><font color="#FFFFFF">Impressum</font></font></b></a>
</div>
</div>
</div>
    </td>
  </tr>
</table>
 
 
 
 
         <!--
                                        {_list_DDDmenupoint@
                                          <strong><big>&middot;</big></strong>
            <a %1 class="box" href="%2">%3</a>
            <br />
                                        }
          //-->
 
          <!--
            [null, '%3', '%2', '%1', null|],|,
          -->
          <!--           anfang        +     link                |ende |teilende|teilee  -->
          <!-- horizontaler menupunkt -->
          {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
          <!-- horizontaler menupunkt anfang -->
          {_list_hmenubegi@<ul>}
          <!-- horizontaler menupunkt ende -->
          {_list_hmenuende@</ul>}
 
          <!-- vertikaler menupunkt -->
          {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
          <!-- vertikaler menupunkt anfang -->
          {_list_vmenubegi@<ul>}
          <!-- vertikaler menupunkt ende -->
          {_list_vmenuende@</ul>}
 
                  <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>
 
 
    </body>
</html>

Zuletzt modifiziert von Zeisig am 29.03.2013 - 14:11:07

0 Mitglieder finden den Beitrag gut.

zitieren

Fr. 29.03.2013 14:40 Uhr #4

Angelina Mitglied

Registriert seit
06.11.2011

Beiträge
127

Beitragswertungen

Hallo Zeisiq
Ich weiss nicht ob es rischtisch ist..
Aber finde die Zeile bei dir nicht??
?
1
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

www,angelina.de
Ein Kavalier ist ein Mann, der sich den Geburtstag einer Frau merkt und ihr alter vergisst.
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 29.03.2013 16:13 Uhr #5

Zeisig Mitglied

Registriert seit
05.03.2013

Beiträge
229

Beitragswertungen

Zitat geschrieben von Maretz

nach diesem Tutorial sollte sich "fast" jeder Inhalt einbringen lassen:

externer Link

Dazu einfach nur den gewählten Slider nutzen ( rechts oder links) und den Code an deine Grafik anpassen.
Sollte bereits query eingebunden sein, so sollte der scriptlink zu jquery-1.7.1.min.js nicht eingebunden werden.

Mfg maretz

Na ich dachte lösche es mal raus weil ich ja schon ein Jquerry am laufen hab.
Aber selbst mit kloppt sich da irgendwas und es funktioniert nicht.

Zuletzt modifiziert von Zeisig am 29.03.2013 - 16:14:15
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 29.03.2013 16:27 Uhr #6

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Es ist auf jeden Fall richtig, dass nur ein jQuery laufen sollte, wenn möglich dann natürlich die aktuellster der erforderlichen Versionen.

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
1 Mitglieder finden den Beitrag gut.
- zitieren

Fr. 29.03.2013 19:50 Uhr #7

Zeisig Mitglied

Vielen Lieben Dank an euch die mir geholfen haben.
Leider krieg ich das nicht so hin. Ich weiß einfach nicht mehr woran es scheitert. Egal was ich mache die Slider Box bewegt sich nicht und bleibt fest verankert oben links.
Ich hab das Gefühl das irgendwas in der Css nicht hinhaut. Aber um das rauszufinden bin ich noch zu viel Laie und würde mehr falsch als richtig machen. Wenn jemand noch ne Idee hat was ganz einfaches mit Java Script zu machen oder ne andere Idee wäre ich sehr sehr dankbar.

Frohe Ostern euch und dicke Eier :-)

Ahja hier mal noch meine index.htm und ich blick da selbst nich mehr wirklich durch.

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

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="include/designs/Rabe2/style.css">
 
<script type="text/javascript">
function oeffnefenster (url) {
 fenster = window.open(url, "fenster1", "width=450,height=150,status=yes,scrollbars=no,resizable=no");
 fenster.focus();
}
</script>
<style type="text/css">
#bildseite
{
 position:relative;
 float: left;
 width: 215px;
 left:720px; top:62px;
 border-bottom: 0px solid #000000;
 border-right: 0px solid #000000;
}
</style>
 
<link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
 <!-- jQuery - the core -->
                <script type="text/javascript"
                        src="include/includes/js/jquery-1.4.2.js" >
                </script>
                <!-- Sliding effect -->
                <script type="text/javascript"
                        src="include/includes/js/slide.js" >
                </script>
 
 
<script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-1.4.4.min.js"></script>
        <script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-ui-1.8.6.custom.min.js"></script>
        <link charset="utf-8" media="screen" type="text/css" href="include/includes/jquery/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
<script type="text/javascript" src="include/includes/js/jquery.js"></script>
<script type="text/javascript" src="include/includes/js/messenger.js"></script>
 
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
 
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
<![endif]-->
<style type="text/css">
.facebook        {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.facebook:hover  {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.rss             {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.rss:hover       {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.ts              {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.ts:hover        {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.closed          {float:left;display:block;width: 16px;height: 16px;background-image: url('include/images/icons_comm6/closed.png');background-repeat: no-repeat;}
.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color:#000;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}
.white_content {
display: none;
position: fixed;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-webkit-box-shadow:8px 8px 8px #000;-moz--box-shadow:8px 8px 8px #000;box-shadow:8px 8px 8px #000;
left:50%; top:50%;
margin-left:-200px; margin-top:-250px;
width: 500px;
height: 500px;
padding: 4px;
border: 1px solid #bbbbbb;
background-color: #ffffff;
color: #000000;
z-index:1002;
overflow: auto;
}
</style>
</head>
 
<body>
<div id="icon_button" style="left:0px;position:fixed;top:19px;" >
<a class="facebook" target="_blank" href="https://www.facebook.com/pages/Briten-vom-Zeisigwald/419188498172246" title="Besuch uns bei Facebook"></a><br/>
<a class="rss" title="News abonieren" href="index.php?news-rss"></a><br/>
<a class="ts" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="Kontaktiere uns"></a></div>
<div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" class="closed" title="Fenster schließen"></a><br><br>
<!-- Anfang TS Code -->
<a href="index.php?contact"><img src="http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/kontakt.png" alt="Kontakt" border="0"> </a>
<!-- Ende TS Code -->
</div><div id="fade" class="black_overlay"></div>
<table cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td align="center">
 
<div id="top">
  <div id="header"> <div style="float:left;" id="tagcloud">{_boxes_tagcloud}<?/div>
<div id="bildseite">{_if_{SESSION_AUTHRIGHT}<='-1'} <b><font size="-2"></font></b>{_boxes_videorandom} {_else_} {_boxes_videorandom} {/_endif}</div> </div></div>
 
</div>
 
  <div id="center">
    <div id="left_col"><input type="button" name="Livecam" value="Webcam" onclick="window.open('http://doyo26.ddns-instar.de/main.htm','Webcam','width=880, height=680, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><input type="button" name="showchat" value="Webchat" onclick="window.open('index.php?ajaxchat&iframe=false','Chat','width=720, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><br><br>
        {_list_menunr1@
    <table cellpadding="0" cellspacing="0" border="0" width="160">
 
          <tr>
                  <td style="height: 31px; background: url(include/designs/Rabe2/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
        </tr>
      <tr>
        <td style="background: url(include/designs/Rabe2/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
      </tr>
          <tr>
                  <td style="height: 8px; background: url(include/designs/Rabe2/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
        </tr>
    </table>
 
    }
 
  </div>
    <div id="main_col">
 
            <table width="715" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td style="min-height:-30px;padding: 0px;" colspan="5"><b><p align="center"><div align="center">{_boxes_freunde}</div><center></center></div><script type="text/javascript" src="include/includes/js/countdown.js"></script>
<div align="center" id="countdown">
</div>
</div></div>
 
</p><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="20%"></td>
    </tr>
 
 
</table><br></b>{EXPLODE}<br></td>
          </tr>
        </table>
                <div align="center">
 
 
 
</div>
 
    </div>
 
 
 
 <div id="footer"><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#ffffff"><font size="-2">Copyright © 2013 vomzeisigwald.de Britisch Kurz und Langhaar Katzen aus Chemnitz Sachsen. Site Details <a href="/index.php?rules"><b><font size="-2"><font color="#FFFFFF">Impressum</font></font></b></a>
</div>
</div>
</div>
    </td>
  </tr>
</table>
 
 
 
 
         <!--
                                        {_list_DDDmenupoint@
                                          <strong><big>&middot;</big></strong>
            <a %1 class="box" href="%2">%3</a>
            <br />
                                        }
          //-->
 
          <!--
            [null, '%3', '%2', '%1', null|],|,
          -->
          <!--           anfang        +     link                |ende |teilende|teilee  -->
          <!-- horizontaler menupunkt -->
          {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
          <!-- horizontaler menupunkt anfang -->
          {_list_hmenubegi@<ul>}
          <!-- horizontaler menupunkt ende -->
          {_list_hmenuende@</ul>}
 
          <!-- vertikaler menupunkt -->
          {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
          <!-- vertikaler menupunkt anfang -->
          {_list_vmenubegi@<ul>}
          <!-- vertikaler menupunkt ende -->
          {_list_vmenuende@</ul>}
 
    </body>
</html>

Zuletzt modifiziert von Zeisig am 29.03.2013 - 19:51:43

0 Mitglieder finden den Beitrag gut.

zitieren

Sa. 30.03.2013 08:10 Uhr #8

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Wie du selbst gesagt hast, werden mehrere jQuery Versionen eingebunden und nachdem in der Zeile der Slider initialisiert wurde, wird jQuery noch 2 mal neu geladen und damit vorherige Sachen überschrieben, einfach gesagt.

Du darfst jQuery also nur einmal einbinden, wie schon in meinem vorherigen Post erwähnt, sollte das möglichst die neuste der verwendeten Versionen sein.

In deinem Fall ist das die 1.4.4, du solltest also die beiden anderen Löschen (in der index.htm) und die Zeile, die die 1.4.4 läd so weit nach oben "schieben", dass alle Scripte, die darauf aufbauen dahinter kommen.

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
1 Mitglieder finden den Beitrag gut.
- zitieren

Sa. 30.03.2013 10:48 Uhr #9

Zeisig Mitglied

Danke Mairu, ich habe nun alles so versucht wie Du und Maretz beschrieben haben, leider nicht von erfolg gekrönt.
Bei mir wird das nach wie vor links oben angezeigt es slidet nicht. Was kann da noch ein fehler sein ?

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

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script charset="utf-8" type="text/javascript" src="include/includes/jquery/jquery-1.4.4.min.js"></script>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="include/designs/Rabe2/style.css">
 
<script type="text/javascript">
function oeffnefenster (url) {
 fenster = window.open(url, "fenster1", "width=450,height=150,status=yes,scrollbars=no,resizable=no");
 fenster.focus();
}
</script>
<style type="text/css">
#bildseite
{
 position:relative;
 float: left;
 width: 215px;
 left:720px; top:62px;
 border-bottom: 0px solid #000000;
 border-right: 0px solid #000000;
}
</style>
 
<link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
 <!-- jQuery - the core -->
                <script type="text/javascript"
                        src="include/includes/js/jquery-1.4.2.js" >
                </script>
                <!-- Sliding effect -->
                <script type="text/javascript"
                        src="include/includes/js/slide.js" >
                </script>
 
 
 
 
<script type="text/javascript" src="include/includes/js/jquery.js"></script>
<script type="text/javascript" src="include/includes/js/messenger.js"></script>
 
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
 
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
<![endif]-->
<style type="text/css">
.facebook        {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.facebook:hover  {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.rss             {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.rss:hover       {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.ts              {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.ts:hover        {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.closed          {float:left;display:block;width: 16px;height: 16px;background-image: url('include/images/icons_comm6/closed.png');background-repeat: no-repeat;}
.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color:#000;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}
.white_content {
display: none;
position: fixed;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-webkit-box-shadow:8px 8px 8px #000;-moz--box-shadow:8px 8px 8px #000;box-shadow:8px 8px 8px #000;
left:50%; top:50%;
margin-left:-200px; margin-top:-250px;
width: 500px;
height: 500px;
padding: 4px;
border: 1px solid #bbbbbb;
background-color: #ffffff;
color: #000000;
z-index:1002;
overflow: auto;
}
</style>
<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>
<div id="ts_slid" class="ts_slid" style=" right: -270 px; width: 350 px; position: fixed; top: 300 px; background:
url(/Bilder/bg3.jpg) repeat scroll 0% 0% transparent; height: 200 px; z-index: 999;">
   <div style="position:absolute;top:300 px;left:270 px;width:350 px;height:300 px;overflow:auto;color:#ffffff;">{_boxes_socialbook}</div></div>
 
<div id="icon_button" style="left:0px;position:fixed;top:19px;" >
<a class="facebook" target="_blank" href="https://www.facebook.com/pages/Briten-vom-Zeisigwald/419188498172246" title="Besuch uns bei Facebook"></a><br/>
<a class="rss" title="News abonieren" href="index.php?news-rss"></a><br/>
<a class="ts" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="Kontaktiere uns"></a></div>
<div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" class="closed" title="Fenster schließen"></a><br><br>
<!-- Anfang TS Code -->
<a href="index.php?contact"><img src="http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/kontakt.png" alt="Kontakt" border="0"> </a>
<!-- Ende TS Code -->
</div><div id="fade" class="black_overlay"></div>
<table cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td align="center">
 
<div id="top">
  <div id="header"> <div style="float:left;" id="tagcloud">{_boxes_tagcloud}<?/div>
<div id="bildseite">{_if_{SESSION_AUTHRIGHT}<='-1'} <b><font size="-2"></font></b>{_boxes_videorandom} {_else_} {_boxes_videorandom} {/_endif}</div> </div></div>
 
</div>
 
  <div id="center">
    <div id="left_col"><input type="button" name="Livecam" value="Webcam" onclick="window.open('http://doyo26.ddns-instar.de/main.htm','Webcam','width=880, height=680, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><input type="button" name="showchat" value="Webchat" onclick="window.open('index.php?ajaxchat&iframe=false','Chat','width=720, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><br><br>
        {_list_menunr1@
    <table cellpadding="0" cellspacing="0" border="0" width="160">
 
          <tr>
                  <td style="height: 31px; background: url(include/designs/Rabe2/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
        </tr>
      <tr>
        <td style="background: url(include/designs/Rabe2/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
      </tr>
          <tr>
                  <td style="height: 8px; background: url(include/designs/Rabe2/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
        </tr>
    </table>
 
    }
 
  </div>
    <div id="main_col">
 
            <table width="715" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td style="min-height:-30px;padding: 0px;" colspan="5"><b><p align="center"><div align="center">{_boxes_freunde}</div><center></center></div><script type="text/javascript" src="include/includes/js/countdown.js"></script>
<div align="center" id="countdown">
</div>
</div></div>
 
</p><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="20%"></td>
    </tr>
 
 
</table><br></b>{EXPLODE}<br></td>
          </tr>
        </table>
                <div align="center">
 
 
 
</div>
 
    </div>
 
 
 
 <div id="footer"><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#ffffff"><font size="-2">Copyright © 2013 vomzeisigwald.de Britisch Kurz und Langhaar Katzen aus Chemnitz Sachsen. Site Details <a href="/index.php?rules"><b><font size="-2"><font color="#FFFFFF">Impressum</font></font></b></a>
</div>
</div>
</div>
    </td>
  </tr>
</table>
 
 
 
 
         <!--
                                        {_list_DDDmenupoint@
                                          <strong><big>&middot;</big></strong>
            <a %1 class="box" href="%2">%3</a>
            <br />
                                        }
          //-->
 
          <!--
            [null, '%3', '%2', '%1', null|],|,
          -->
          <!--           anfang        +     link                |ende |teilende|teilee  -->
          <!-- horizontaler menupunkt -->
          {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
          <!-- horizontaler menupunkt anfang -->
          {_list_hmenubegi@<ul>}
          <!-- horizontaler menupunkt ende -->
          {_list_hmenuende@</ul>}
 
          <!-- vertikaler menupunkt -->
          {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
          <!-- vertikaler menupunkt anfang -->
          {_list_vmenubegi@<ul>}
          <!-- vertikaler menupunkt ende -->
          {_list_vmenuende@</ul>}
 
    </body>
</html>

0 Mitglieder finden den Beitrag gut.

zitieren

Sa. 30.03.2013 11:40 Uhr #10

holz Hall Of Fame

Registriert seit
17.11.2005

Beiträge
4.606

Beitragswertungen

was sagt die console gibts fehler?
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 30.03.2013 11:43 Uhr #11

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Zeile 28-31und 40 müssen entfernt werden, dann hatte ich mich doch verschaut, die neuste jQuery Version ist 1.7.1 in Zeile 87, diese läd die Datei von einem CDN, deswegen solltest du da 1.7.2 daraus machen und diese Zeile an Stelle von deiner Zeile 4 verwenden, so dass aus den 4 verschiedenen jQuery Einbindungen eine wird.

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren

Sa. 30.03.2013 13:19 Uhr #12

Zeisig Mitglied

Konsole meldet keine Fehler.
Habs so editiert wie Mairu sagt und noch ein wenig anders ausprobiert aber leider ebenfalls unverändert. Das steckt doch der Teufel drinn Haleluja.

Danke euch aber recht herzlich für eure Mühen lächeln

So ist es jetzt:

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

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="include/designs/Rabe2/style.css">
 
<script type="text/javascript">
function oeffnefenster (url) {
 fenster = window.open(url, "fenster1", "width=450,height=150,status=yes,scrollbars=no,resizable=no");
 fenster.focus();
}
</script>
<style type="text/css">
#bildseite
{
 position:relative;
 float: left;
 width: 215px;
 left:720px; top:62px;
 border-bottom: 0px solid #000000;
 border-right: 0px solid #000000;
}
</style>
 
<link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
 
                <!-- Sliding effect -->
                <script type="text/javascript"
                        src="include/includes/js/slide.js" >
                </script>
 
 
 
 
 
<script type="text/javascript" src="include/includes/js/messenger.js"></script>
 
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
 
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
<![endif]-->
<style type="text/css">
.facebook        {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.facebook:hover  {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.rss             {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.rss:hover       {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.ts              {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.ts:hover        {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.closed          {float:left;display:block;width: 16px;height: 16px;background-image: url('include/images/icons_comm6/closed.png');background-repeat: no-repeat;}
.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color:#000;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}
.white_content {
display: none;
position: fixed;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-webkit-box-shadow:8px 8px 8px #000;-moz--box-shadow:8px 8px 8px #000;box-shadow:8px 8px 8px #000;
left:50%; top:50%;
margin-left:-200px; margin-top:-250px;
width: 500px;
height: 500px;
padding: 4px;
border: 1px solid #bbbbbb;
background-color: #ffffff;
color: #000000;
z-index:1002;
overflow: auto;
}
</style>
 
<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>
<div id="ts_slid" class="ts_slid" style=" right: -270 px; width: 350 px; position: fixed; top: 300 px; background:
url(/Bilder/bg3.jpg) repeat scroll 0% 0% transparent; height: 200 px; z-index: 999;">
   <div style="position:absolute;top:300 px;left:270 px;width:350 px;height:300 px;overflow:auto;color:#ffffff;">{_boxes_socialbook}</div></div>
 
<div id="icon_button" style="left:0px;position:fixed;top:19px;" >
<a class="facebook" target="_blank" href="https://www.facebook.com/pages/Briten-vom-Zeisigwald/419188498172246" title="Besuch uns bei Facebook"></a><br/>
<a class="rss" title="News abonieren" href="index.php?news-rss"></a><br/>
<a class="ts" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="Kontaktiere uns"></a></div>
<div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" class="closed" title="Fenster schließen"></a><br><br>
<!-- Anfang TS Code -->
<a href="index.php?contact"><img src="http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/kontakt.png" alt="Kontakt" border="0"> </a>
<!-- Ende TS Code -->
</div><div id="fade" class="black_overlay"></div>
<table cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td align="center">
 
<div id="top">
  <div id="header"> <div style="float:left;" id="tagcloud">{_boxes_tagcloud}<?/div>
<div id="bildseite">{_if_{SESSION_AUTHRIGHT}<='-1'} <b><font size="-2"></font></b>{_boxes_videorandom} {_else_} {_boxes_videorandom} {/_endif}</div> </div></div>
 
</div>
 
  <div id="center">
    <div id="left_col"><input type="button" name="Livecam" value="Webcam" onclick="window.open('http://doyo26.ddns-instar.de/main.htm','Webcam','width=880, height=680, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><input type="button" name="showchat" value="Webchat" onclick="window.open('index.php?ajaxchat&iframe=false','Chat','width=720, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><br><br>
        {_list_menunr1@
    <table cellpadding="0" cellspacing="0" border="0" width="160">
 
          <tr>
                  <td style="height: 31px; background: url(include/designs/Rabe2/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
        </tr>
      <tr>
        <td style="background: url(include/designs/Rabe2/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
      </tr>
          <tr>
                  <td style="height: 8px; background: url(include/designs/Rabe2/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
        </tr>
    </table>
 
    }
 
  </div>
    <div id="main_col">
 
            <table width="715" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td style="min-height:-30px;padding: 0px;" colspan="5"><b><p align="center"><div align="center">{_boxes_freunde}</div><center></center></div><script type="text/javascript" src="include/includes/js/countdown.js"></script>
<div align="center" id="countdown">
</div>
</div></div>
 
</p><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="20%"></td>
    </tr>
 
 
</table><br></b>{EXPLODE}<br></td>
          </tr>
        </table>
                <div align="center">
 
 
 
</div>
 
    </div>
 
 
 
 <div id="footer"><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#ffffff"><font size="-2">Copyright © 2013 vomzeisigwald.de Britisch Kurz und Langhaar Katzen aus Chemnitz Sachsen. Site Details <a href="/index.php?rules"><b><font size="-2"><font color="#FFFFFF">Impressum</font></font></b></a>
</div>
</div>
</div>
    </td>
  </tr>
</table>
 
 
 
 
         <!--
                                        {_list_DDDmenupoint@
                                          <strong><big>&middot;</big></strong>
            <a %1 class="box" href="%2">%3</a>
            <br />
                                        }
          //-->
 
          <!--
            [null, '%3', '%2', '%1', null|],|,
          -->
          <!--           anfang        +     link                |ende |teilende|teilee  -->
          <!-- horizontaler menupunkt -->
          {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
          <!-- horizontaler menupunkt anfang -->
          {_list_hmenubegi@<ul>}
          <!-- horizontaler menupunkt ende -->
          {_list_hmenuende@</ul>}
 
          <!-- vertikaler menupunkt -->
          {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
          <!-- vertikaler menupunkt anfang -->
          {_list_vmenubegi@<ul>}
          <!-- vertikaler menupunkt ende -->
          {_list_vmenuende@</ul>}
 
    </body>
</html>

0 Mitglieder finden den Beitrag gut.

zitieren

Sa. 30.03.2013 15:07 Uhr #13

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Dass es jetzt nicht geht, liegt an den fehlerhaften CSS Eigenschaften der Container in den Zeile 122 bis 124.

Zwischen den Zahlen und px darf kein Leerzeichen sein, es gibt keine Eigenschaft right, die hast du ja sicherlich angepasst, da ich nicht weiß, wie es am Ende aussehen soll, kann ich dir da auch keine fertige Lösung geben.

Die im Slider enthaltene Socialmediabox ( {_boxes_socialbook} ) ist ja eigentlich überflüssig, mit den Symbolen, die schon links eingebunden sind.

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 30.03.2013 15:27 Uhr #14

Zeisig Mitglied

Registriert seit
05.03.2013

Beiträge
229

Beitragswertungen

Hab das aus Maretz Hilfestellung zu Slider Boxen.

<div id="ts_slid" class="ts_slid" style=" right: -XXX px; width: XXX px; position: fixed; top: XXX px; background:
url(bg_ts.jpg) repeat scroll 0% 0% transparent; height: XXX px; z-index: 999;">
<div style="position:absolute;top:XXX px;left:XXX px;width:XXX px;height:XXX px;overflow:auto;color:#ffffff;">TS-Code</div></div>

Die Social Box hab ich nur mal zu Übungszwecken drinn. Da soll aber eigentlich die Login Box mit nem schlichten Hintergrund als Slider ganz rechts von der Seite mitscrollen. Und ich weiß einfach so langsam nicht mehr woran es noch liegt. Aber selbst nach den Änderungen mit den Leerzeichen bleibt das ding immer noch stur links im Eck.

Zuletzt modifiziert von Zeisig am 30.03.2013 - 15:27:33
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 30.03.2013 17:03 Uhr #15

Zeisig Mitglied

Registriert seit
05.03.2013

Beiträge
229

Beitragswertungen

Sooo habs endlich mal hinbekommen. Weiß jemand wir ich das machen kann das die Box offen bleibt oder verzögert zurück slidet ? Sonst kann man sich nicht einloggen. Danke euch
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 30.03.2013 20:11 Uhr #16

Angelina Mitglied

Registriert seit
06.11.2011

Beiträge
127

Beitragswertungen

Sonst schau dir das mal an..
externer Link

www,angelina.de
Ein Kavalier ist ein Mann, der sich den Geburtstag einer Frau merkt und ihr alter vergisst.
1 Mitglieder finden den Beitrag gut.
- zitieren
So. 31.03.2013 14:35 Uhr #17

Zeisig Mitglied

Registriert seit
05.03.2013

Beiträge
229

Beitragswertungen

Danke euch, aber ich werds glaub wieder verwerfen. Nun endlich hab ichs hinbekommen und dann läuft der scheiss nur mit dem IE nicht. Alle Browser gehen und IE mal wieder nicht.

LG und Danke euch allen
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 31.03.2013 14:44 Uhr #18

holz Hall Of Fame

Registriert seit
17.11.2005

Beiträge
4.606

Beitragswertungen

das sollte auch mit allen anderen browsern gehn ... hast du es irgendwo online zum testen?
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 31.03.2013 14:46 Uhr #19

Zeisig Mitglied

Registriert seit
05.03.2013

Beiträge
229

Beitragswertungen

jo externer Link
mit dem IE eine Katastrophe. Und mit Dragon Slider wars noch mehr verutscht.

Ich wollts so auf der rechten Seite wie zB
externer Link und vom Aussehen auch super.
Es slidet schön und mit allen Browsern an der richtigen stelle.
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 31.03.2013 20:09 Uhr #20

holz Hall Of Fame

Registriert seit
17.11.2005

Beiträge
4.606

Beitragswertungen

auf deiner seite sehe ich in keinem browser was das man anschauen kann um fehler zu suchen ...
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 31.03.2013 21:41 Uhr #21

Zeisig Mitglied

Registriert seit
05.03.2013

Beiträge
229

Beitragswertungen

Holz danke erstmal, ich hab die Slider Box wieder raus ich hab den Fehler in meiner index oder css und ich weiß ums verrecken nicht wo ich noch suchen kann hab den ganzen Tag damit verbracht und nun hab ich die Slider wieder raus. Das problem hab ich nur beim IE aber ich möcht gern das die Seite auch dort zu sehen ist wie es sein soll und am Slider liegts ja nicht bzw am Code.

PS: So hab den Slider Code wieder drinn kann ja nochmal wer ankucken ich weiß nich mehr weiter hab echt keine Idee mehr. Vielleicht liegts auch an der Lightbox und Jquery das die sich hauen oder irgend ne Formatierung ?

Zuletzt modifiziert von Zeisig am 31.03.2013 - 21:44:04
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 31.03.2013 22:02 Uhr #22

holz Hall Of Fame

Registriert seit
17.11.2005

Beiträge
4.606

Beitragswertungen

also in chrome sieht es gut aus ....
und im ie 10 auch !

welche browser nutzt du denn?

und ja die lightbox nutz ich z.B. schon lang nicht mehr und zwar aus dem grund da sie auf prototype basiert und einige funktionen von protoype gleich heißen wie bei jquery da kommt es dann zu konflikten

nutz doch anstadt der lightbox die fancy box ... gibt es auch als plugin ist aber auch schnell händisch implementiert

Zuletzt modifiziert von holz am 31.03.2013 - 22:02:47
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 01.04.2013 02:43 Uhr #23

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Es gibt auch eine Lightbox für jQuery, sogar die Offizielle wurde jetzt auf jQuery umgesetzt, soweit ich mich erinnern kann.

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 01.04.2013 10:21 Uhr #24

holz Hall Of Fame

Registriert seit
17.11.2005

Beiträge
4.606

Beitragswertungen

ah okay das wusst ich nicht mir gefallen beide die fancy box kann aber bisschen mehr finde ich
0 Mitglieder finden den Beitrag gut.
- zitieren

Mo. 01.04.2013 10:39 Uhr #25

Zeisig Mitglied

Internet Explorer 9 total verzogen der Mist.

Könnt ihr mal kurz schaun ob da in dem Code irgendwo was drinn ist warum sich das so verzieht ?

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

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="include/designs/Rabe2/style.css">
<script type="text/javascript">
function oeffnefenster (url) {
 fenster = window.open(url, "fenster1", "width=450,height=150,status=yes,scrollbars=no,resizable=no");
 fenster.focus();
}
</script>
<link rel="stylesheet" type="text/css" href="include/extras/fancybox/jquery.fancybox.css" media="screen" />
  <script type="text/javascript" src="include/includes/js/jquery-1.3.2.min.js"></script>
  <script type="text/javascript" src="include/extras/fancybox/jquery.fancybox-1.2.1.pack.js"></script>
  <script type="text/javascript" src="include/extras/fancybox/jquery.easing.1.3.js"></script>
  <script type="text/javascript">
        $(document).ready(function() {
                $("table#galimages a").fancybox(
                {
                'zoomSpeedIn': 800,
                'zoomSpeedOut': 500,
                'zoomSpeedChange': 800,
                'zoomOpacity': 0.5,
                'overlayOpacity': 0.5,
                'easingIn' : 'easeOutBack',
                'easingOut'        : 'easeInBack',
                'overlayShow': true
                }
                );
 
                $("div#bbvideo a").fancybox(
                {
                'zoomSpeedIn': 800,
                'zoomSpeedOut': 500,
                'zoomSpeedChange': 800,
                'zoomOpacity': 0.5,
                'overlayOpacity': 0.5,
                'overlayShow': true
                }
                );
        });
   </script>
<style type="text/css">
#bildseite
{
 position:relative;
 float: left;
 width: 215px;
 left:495px; top:222px;
 border-bottom: 0px solid #000000;
 border-right: 0px solid #000000;
}
</style>
 
<link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
 
                <!-- Sliding effect -->
                <script type="text/javascript"
                        src="include/includes/js/slide.js" >
                </script>
<script type="text/javascript" src="include/includes/js/messenger.js"></script>
 
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
 
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
<![endif]-->
<style type="text/css">
.facebook        {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.facebook:hover  {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.rss             {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.rss:hover       {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.ts              {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.ts:hover        {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.closed          {float:left;display:block;width: 16px;height: 16px;background-image: url('include/images/icons_comm6/closed.png');background-repeat: no-repeat;}
.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color:#000;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}
.white_content {
display: none;
position: fixed;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-webkit-box-shadow:8px 8px 8px #000;-moz--box-shadow:8px 8px 8px #000;box-shadow:8px 8px 8px #000;
left:50%; top:50%;
margin-left:-200px; margin-top:-250px;
width: 500px;
height: 500px;
padding: 4px;
border: 1px solid #bbbbbb;
background-color: #ffffff;
color: #000000;
z-index:1002;
overflow: auto;
}
</style>
 
<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>
 
</head>
 
<body>
 
 
<div id="game_slid" class="game_slid" style=" left: -272px; width: 335px; position: fixed; top: 542px; background:
url(http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/boxgrund.png) repeat scroll 100% 0% transparent; height: 170px; z-index: 999;">
   <div style="position:absolute;top:40px;right:44px;width:240px;height:140px;overflow:auto;color:#ffffff;">{_boxes_login}</div></div>
 
 
 
<div id="icon_button" style="left:0px;position:fixed;top:19px;" >
<a class="facebook" target="_blank" href="https://www.facebook.com/pages/Briten-vom-Zeisigwald/419188498172246" title="Besuch uns bei Facebook"></a><br/>
<a class="rss" title="News abonieren" href="index.php?news-rss" target="_blank"></a><br/>
<a class="ts" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="Kontaktiere uns"></a></div>
<div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" class="closed" title="Fenster schließen"></a><br><br>
<!-- Anfang TS Code -->
<a href="index.php?contact"><img src="http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/kontakt.png" alt="Kontakt" border="0"> </a>
<!-- Ende TS Code -->
</div><div id="fade" class="black_overlay"></div>
<table cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td align="center">
 
<div id="top">
  <div id="header"> <div style="float:left;" id="tagcloud"><?/div>
<div id="bildseite">{_if_{SESSION_AUTHRIGHT}<='-1'} <b><font size="-2"></font></b>{_boxes_tagcloud} {_else_} {_boxes_tagcloud} {/_endif}</div> </div></div>
 
</div>
 
  <div id="center">
    <div id="left_col"><input type="button" name="Livecam" value="Webcam" onclick="window.open('http://doyo26.ddns-instar.de/main.htm','Webcam','width=880, height=680, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><input type="button" name="showchat" value="Webchat" onclick="window.open('index.php?ajaxchat&iframe=false','Chat','width=720, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><br><br>
        {_list_menunr1@
    <table cellpadding="0" cellspacing="0" border="0" width="160">
 
          <tr>
                  <td style="height: 31px; background: url(include/designs/Rabe2/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
        </tr>
      <tr>
        <td style="background: url(include/designs/Rabe2/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
      </tr>
          <tr>
                  <td style="height: 8px; background: url(include/designs/Rabe2/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
        </tr>
    </table>
 
    }
 
  </div>
    <div id="main_col">
 
            <table width="715" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td style="min-height:-30px;padding: 0px;" colspan="5"><b><p align="center"><div align="center">{_boxes_freunde}</div><center></center></div><script type="text/javascript" src="include/includes/js/countdown.js"></script>
<div align="center" id="countdown">
</div>
</div></div>
 
</p><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="20%"></td>
    </tr>
 
 
</table><br></b>{EXPLODE}<br></td>
          </tr>
        </table>
                <div align="center">
 
 
 
</div>
 
    </div>
 
 
 
 <div id="footer"><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#ffffff"><font size="-2">Copyright © 2013 vomzeisigwald.de Britisch Kurz und Langhaar Katzen aus Chemnitz Sachsen. Site Details <a href="/index.php?rules"><b><font size="-2"><font color="#FFFFFF">Impressum</font></font></b></a>
</div>
</div>
</div>
    </td>
  </tr>
</table>
 
 
 
 
         <!--
                                        {_list_DDDmenupoint@
                                          <strong><big>&middot;</big></strong>
            <a %1 class="box" href="%2">%3</a>
            <br />
                                        }
          //-->
 
          <!--
            [null, '%3', '%2', '%1', null|],|,
          -->
          <!--           anfang        +     link                |ende |teilende|teilee  -->
          <!-- horizontaler menupunkt -->
          {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
          <!-- horizontaler menupunkt anfang -->
          {_list_hmenubegi@<ul>}
          <!-- horizontaler menupunkt ende -->
          {_list_hmenuende@</ul>}
 
          <!-- vertikaler menupunkt -->
          {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
          <!-- vertikaler menupunkt anfang -->
          {_list_vmenubegi@<ul>}
          <!-- vertikaler menupunkt ende -->
          {_list_vmenuende@</ul>}
 
 
<script type="text/javascript">
var state = 0;
var wait = false;
 
function changeSlider2()
{
if(state==1){
$('#game_slid').animate({width: 335 }, "slow", function(){state = 0;}
);
}
else
$('#game_slid').animate({width: 556 }, "slow", function(){state = 0;}
);
}
 
$('#game_slid').click(function(){
changeSlider2();
});
      </script>
    </body>
</html>

Meine css

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

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

body {
    margin                : 0;
    padding               : 0;
    background            : url(img/bg.jpg);
    background-repeat     : repeat;
    background-attachment : scroll;
    background-color      : #000000;
    font                  : 10px Verdana, Helvetica, sans-serif;
    text-decoration       : none
 
    }
#tagcloud {
    margin-left : 150px;
    margin-top  : 12px;
    }
#bildseite {
    float       : left;
    margin-top  : -220px;
    margin-left : -125px;
    }
#iframe_1 {
    text-align : center;
    width      : 0px;
    height     : 0px;
    background : #000000;
 
    }
input.farbig {
    background-color : #000000;
    color            : #eaddbc;
    padding          : 1px;
    font-size        : 11px;
    border-color     : #eaddbc;
 
    }
#rekrutieren {
    margin        : auto !important;
    text-align    : left;
    width         : 120px;
    padding       : 2px;
    margin-bottom : 1px !important;
 
    }
.tableBorder {
    border : 1px solid #512800;
 
    }
 
.abstand_iframe {
    padding : 10px;
    }
 
.scrollbereich {
    overflow : hidden;
    width    : 180px;
    height   : 180px;
    }
#top {
    margin  : 0 auto;
    padding : 0;
    width   : 1000px
    }
#footer_menu {
    color   : #9d8a68;
    width   : 200px;
    float   : left;
    margin  : 65px 0px 0px 350px;
    display : inline;
    }
#header {
    background-image    : url(img/header.png);
    background-repeat   : no-repeat;
    background-position : center bottom;
    width               : 1000px;
    height              : 268px
    }
 
#center {
    background-image    : url(img/center.png);
 
    background-position : center;
    margin              : 0 auto;
    padding             : 0;
    width               : 1000px;
 
    }
#footer {
    background-image    : url(img/footer.png);
    background-repeat   : no-repeat;
    background-position : center;
    text-align          : center;
 
    width               : 1000px;
    height              : 86px;
    clear               : both
    }
 
#left_col {
    width       : 161px;
    color       : #8f7a30;
    float       : left;
    margin-left : 31px;
    }
 
#left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
    color : #333333;
    }
#left_col .menu_heading {
    color          : #9a8e7d;
    display        : block;
    letter-spacing : 2px;
    font-size      : 10px;
    padding-top    : 0px;
    padding-left   : 30px;
    padding-right  : 5px;
    padding-bottom : 8px;
    }
#left_col ul {
    padding    : 0;
    margin     : 3;
    list-style : inside url(img/box_menu_pfeil.png);
    width      : 145px;
    }
 
#left_col li ul {
    width      : 145px;
    background : url(img/box_menu_trennlinie.gif) no-repeat top;
    }
 
#left_col li li {
    padding-left : 0px;
    }
#left_col li a {
    color           : #333333;
    padding-left    : 0px;
    font-size       : 13px;
    font-weight     : bold;
    text-decoration : none;
    }
#left_col li a:hover {
    color           : #a55300;
    padding-left    : 0px;
    font-size       : 13px;
    font-weight     : bold;
    text-decoration : none;
    }
#main_col {
    width       : 500px;
    float       : left;
    margin-left : 30px;
    clear       : none;
    min-height  : 100px;
 
    }
#right_col1 {
    width          : 182px;
    float          : right;
    padding-top    : 0px;
    padding-left   : 8px;
    padding-right  : 10px;
    padding-bottom : 0px;
 
    }
 
#right_col1 .menu_heading {
    color          : #d4c7b5;
    display        : block;
    letter-spacing : 1px;
    font-size      : 10px;
    padding-top    : 15px;
    padding-left   : 15px;
    padding-right  : 5px;
    padding-bottom : 0px;
    }
 
#search_box {
    color   : #8f7a30;
 
    float   : right;
    margin  : 15px 20px 0px 0px;
    display : inline;
    }
img {
    border : 0px;
    }
 
td {
    font-family : Verdana;
    font-size   : 12px;
    }
 
a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a {
    color           : #372913;
    font-family     : Verdana;
    font-size       : 11px;
    text-decoration : none;
    }
 
a:hover {
    color           : #a55300;
    text-decoration : none;
    font-size       : 11px;
    }
 
a.box {
    color           : #333333;
    font-family     : Verdana;
    font-size       : 11px;
    text-decoration : none;
    }
 
a.box:hover {
    color           : #ddc489;
    text-decoration : none;
    font-size       : 11px;
    }
 
.Chead {
    font-size  : 11px;
    background : #d9c79e;
    color      : #333333;
    }
 
.Chead td, .Chead td strong, .Chead h4, .Chead td b {
    background : #e2d6b0;
    color      : #333333;
    }
 
.Callg {
 
    color : #333333;
    }
 
.Callg td {
    color : #333333;
    }
 
.Cnorm {
    background-color : #e2d6b0;
    }
.Cmite {
    background-color : #e2d6b0;
    }
.Cdark {
    background-color : #d9c79e;
    }
 
.rand {
    border : solid #522303 0px;
    }
 
.smalfont {
    font-size       : 11px;
    text-decoration : none;
    }
 
.border {
    background-color : #BFB48E;
    }
.title {
    color       : #333333;
    font        : 11px Verdana;
    font-weight : bold
    }
.login {
    color            : #000000;
    background-color : #272727;
    font-size        : 10px;
    font-family      : verdana, arial, helvetica;
    border-style     : solid;
    border           : 2px;
    border-color     : #695538;
    }
hr {
    height           : 0px;
    border           : solid #804000 0px;
    border-top-width : 1px;
    }
 
input, textarea, select {
    color            : #72623b;
    font             : 11px Verdana;
    border-color     : #c8aa5e;
    border-width     : 2px;
    border-style     : solid;
    font-weight      : none;
    text-decoration  : none;
    background-color : #eae5d5;
    }

Ich werd mal ne andere Light Box suchen oder Fancy Box

Danke euch

Zuletzt modifiziert von Zeisig am 01.04.2013 - 10:49:57

0 Mitglieder finden den Beitrag gut.

zitieren

Mo. 01.04.2013 11:06 Uhr #26

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Ist wie gesagt schon auf jQuery umgesetzt worden lokeshdhakar.com/projects/lightbox2/

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren

Di. 09.04.2013 11:29 Uhr #27

Zeisig Mitglied

Hab das problem mit dem Login Slider leider immer noch nicht lösen können. Hab das jetzt 1000 mal eingebunden editiert und selbst krieg ich das in 100 Jahren nicht mehr hin. Bitte helft mir mal wer weiter.
Ich möchte das Dingens als Login Box nehmen und hab folgende probleme:
Es slidet auf Klick auf (ok so) es slidet aber auch wieder gleich zu wenn ich meinen Login Namen eingeben will. (unpraktisch)

Kann man da irgendwie anders lösen ?
Und dann was mir noch aufgefallen ist, wäre es zu viel zu ändern wenn man eine PM verschickt, das Popup das sich öffnet nicht im Sliding Panel zu öffnen sondern auf der Hauptseite ?

Hier mal der Code meiner index.htm

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

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="include/designs/Rabe2/style.css">
 
<script type="text/javascript">
function oeffnefenster (url) {
 fenster = window.open(url, "fenster1", "width=450,height=150,status=yes,scrollbars=no,resizable=no");
 fenster.focus();
}
</script>
 
<style type="text/css">
#bildseite
{
 position:relative;
 float: left;
 width: 215px;
 left:495px; top:222px;
 border-bottom: 0px solid #000000;
 border-right: 0px solid #000000;
}
</style>
 
<link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
 
                <!-- Sliding effect -->
                <script type="text/javascript"
                        src="include/includes/js/slide.js" >
                </script>
<script type="text/javascript" src="include/includes/js/messenger.js"></script>
 
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
 
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
<![endif]-->
<style type="text/css">
.facebook        {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.facebook:hover  {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.rss             {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.rss:hover       {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.ts              {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.ts:hover        {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.closed          {float:left;display:block;width: 16px;height: 16px;background-image: url('include/images/icons_comm6/closed.png');background-repeat: no-repeat;}
.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color:#000;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}
.white_content {
display: none;
position: fixed;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-webkit-box-shadow:8px 8px 8px #000;-moz--box-shadow:8px 8px 8px #000;box-shadow:8px 8px 8px #000;
left:50%; top:50%;
margin-left:-200px; margin-top:-250px;
width: 500px;
height: 500px;
padding: 4px;
border: 1px solid #bbbbbb;
background-color: #ffffff;
color: #000000;
z-index:1002;
overflow: auto;
}
</style>
 <link rel="stylesheet" type="text/css" href="include/extras/fancybox/jquery.fancybox.css" media="screen" />
  <script type="text/javascript" src="include/extras/fancybox/jquery.fancybox-1.2.1.pack.js"></script>
  <script type="text/javascript" src="include/extras/fancybox/jquery.easing.1.3.js"></script>
  <script type="text/javascript">
        $(document).ready(function() {
                $("table#galimages a").fancybox(
                {
                'zoomSpeedIn': 800,
                'zoomSpeedOut': 500,
                'zoomSpeedChange': 300,
                'zoomOpacity': 0.5,
                'overlayOpacity': 0.5,
                'easingIn' : 'easeOutBack',
                'easingOut'        : 'easeInBack',
                'overlayShow': true
                }
                );
 
                $("div#bbvideo a").fancybox(
                {
                'zoomSpeedIn': 800,
                'zoomSpeedOut': 500,
                'zoomSpeedChange': 800,
                'zoomOpacity': 0.5,
                'overlayOpacity': 0.5,
                'overlayShow': true
                }
                );
        });
   </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>
 
</head>
 
<body>
 
 
<div id="game_slid" class="game_slid" style=" left: -272px; width: 335px; position: fixed; top: 142px; background:
url(http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/boxgrund.png) repeat scroll 100% 0% transparent; height: 170px; z-index: 999;">
   <div style="position:absolute;top:40px;right:44px;width:240px;height:140px;overflow:auto;color:#ffffff;">{_boxes_login}</div></div>
 
 
 
<div id="icon_button" style="left:0px;position:fixed;top:19px;" >
<a class="facebook" target="_blank" href="https://www.facebook.com/pages/Briten-vom-Zeisigwald/419188498172246" title="Besuch uns bei Facebook"></a><br/>
<a class="rss" title="News abonieren" href="index.php?news-rss" target="_blank"></a><br/>
<a class="ts" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="Kontaktiere uns"></a></div>
<div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" class="closed" title="Fenster schließen"></a><br><br>
<!-- Anfang TS Code -->
<a href="index.php?contact"><img src="http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/kontakt.png" alt="Kontakt" border="0"> </a>
<!-- Ende TS Code -->
</div><div id="fade" class="black_overlay"></div>
<table cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td align="center">
 
<div id="top">
  <div id="header"> <div style="float:left;" id="tagcloud"><?/div>
<div id="bildseite">{_if_{SESSION_AUTHRIGHT}<='-1'} <b><font size="-2"></font></b>{_boxes_tagcloud} {_else_} {_boxes_tagcloud} {/_endif}</div> </div></div>
 
</div>
 
  <div id="center">
    <div id="left_col"><input type="button" name="Livecam" value="Webcam" onclick="window.open('http://doyo26.ddns-instar.de/main.htm','Webcam','width=880, height=680, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><input type="button" name="showchat" value="Webchat" onclick="window.open('index.php?ajaxchat&iframe=false','Chat','width=720, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><br><br>
        {_list_menunr1@
    <table cellpadding="0" cellspacing="0" border="0" width="160">
 
          <tr>
                  <td style="height: 31px; background: url(include/designs/Rabe2/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
        </tr>
      <tr>
        <td style="background: url(include/designs/Rabe2/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
      </tr>
          <tr>
                  <td style="height: 8px; background: url(include/designs/Rabe2/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
        </tr>
    </table>
 
    }
 
  </div>
    <div id="main_col">
 
            <table width="715" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td style="min-height:-30px;padding: 0px;" colspan="5"><b><p align="center"><div align="center">{_boxes_freunde}</div><center></center></div><script type="text/javascript" src="include/includes/js/countdown.js"></script>
<div align="center" id="countdown">
</div>
</div></div>
 
</p><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="20%"></td>
    </tr>
 
 
</table><br></b>{EXPLODE}<br></td>
          </tr>
        </table>
                <div align="center">
 
 
 
</div>
 
    </div>
 
 
 
 <div id="footer"><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#ffffff"><font size="-2">Copyright © 2013 vomzeisigwald.de Britisch Kurz und Langhaar Katzen aus Chemnitz Sachsen. Site Details <a href="/index.php?rules"><b><font size="-2"><font color="#FFFFFF">Impressum</font></font></b></a>
</div>
</div>
</div>
    </td>
  </tr>
</table>
 
 
 
 
         <!--
                                        {_list_DDDmenupoint@
                                          <strong><big>&middot;</big></strong>
            <a %1 class="box" href="%2">%3</a>
            <br />
                                        }
          //-->
 
          <!--
            [null, '%3', '%2', '%1', null|],|,
          -->
          <!--           anfang        +     link                |ende |teilende|teilee  -->
          <!-- horizontaler menupunkt -->
          {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
          <!-- horizontaler menupunkt anfang -->
          {_list_hmenubegi@<ul>}
          <!-- horizontaler menupunkt ende -->
          {_list_hmenuende@</ul>}
 
          <!-- vertikaler menupunkt -->
          {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
          <!-- vertikaler menupunkt anfang -->
          {_list_vmenubegi@<ul>}
          <!-- vertikaler menupunkt ende -->
          {_list_vmenuende@</ul>}
 
 
<script type="text/javascript">
var state = 0;
var wait = false;
 
function changeSlider2()
{
if(state==1){
$('#game_slid').animate({width: 335 }, "slow", function(){state = 0;}
);
}
else
$('#game_slid').animate({width: 556 }, "slow", function(){state = 1;}
);
}
 
$('#game_slid').click(function(){
changeSlider2();
});
      </script>
    </body>
</html>

LG

Zuletzt modifiziert von Zeisig am 09.04.2013 - 11:35:16

0 Mitglieder finden den Beitrag gut.

zitieren

Mi. 10.04.2013 17:16 Uhr #28

CeeJay Hall Of Fame

Registriert seit
23.03.2007

Beiträge
2.425

Beitragswertungen

Ich hatte grad eine grandiose Idee:

Selfpage/Box:

Warum bindet man nicht hier via quellcode eine Jquery-Lib ein, in der index dann die 2.te? Dann stört sich doch das eine mit dem anderen nicht, richtig?

Nichts ist so sicher, wie die Änderung.
0 Mitglieder finden den Beitrag gut.
- zitieren

Mi. 10.04.2013 17:28 Uhr #29

CeeJay Hall Of Fame

Zitat geschrieben von Zeisig

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

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="include/designs/Rabe2/style.css">
 
<script type="text/javascript">
function oeffnefenster (url) {
 fenster = window.open(url, "fenster1", "width=450,height=150,status=yes,scrollbars=no,resizable=no");
 fenster.focus();
}
</script>
 
<style type="text/css">
#bildseite
{
 position:relative;
 float: left;
 width: 215px;
 left:495px; top:222px;
 border-bottom: 0px solid #000000;
 border-right: 0px solid #000000;
}
</style>
 
<link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
 
                <!-- Sliding effect -->
                <script type="text/javascript"
                        src="include/includes/js/slide.js" >
                </script>
<script type="text/javascript" src="include/includes/js/messenger.js"></script>
 
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
 
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
<![endif]-->
<style type="text/css">
.facebook        {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.facebook:hover  {display:inline-block;background:transparent  url('include/images/icons_comm6/facebook.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.rss             {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.rss:hover       {display:inline-block;background:transparent  url('include/images/icons_comm6/rss.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.ts              {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.ts:hover        {display:inline-block;background:transparent  url('include/images/icons_comm6/ts.png') no-repeat  bottom right;width: 46px; height: 40px;border: none;}
.closed          {float:left;display:block;width: 16px;height: 16px;background-image: url('include/images/icons_comm6/closed.png');background-repeat: no-repeat;}
.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color:#000;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}
.white_content {
display: none;
position: fixed;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-webkit-box-shadow:8px 8px 8px #000;-moz--box-shadow:8px 8px 8px #000;box-shadow:8px 8px 8px #000;
left:50%; top:50%;
margin-left:-200px; margin-top:-250px;
width: 500px;
height: 500px;
padding: 4px;
border: 1px solid #bbbbbb;
background-color: #ffffff;
color: #000000;
z-index:1002;
overflow: auto;
}
</style>
 <link rel="stylesheet" type="text/css" href="include/extras/fancybox/jquery.fancybox.css" media="screen" />
  <script type="text/javascript" src="include/extras/fancybox/jquery.fancybox-1.2.1.pack.js"></script>
  <script type="text/javascript" src="include/extras/fancybox/jquery.easing.1.3.js"></script>
  <script type="text/javascript">
        $(document).ready(function() {
                $("table#galimages a").fancybox(
                {
                'zoomSpeedIn': 800,
                'zoomSpeedOut': 500,
                'zoomSpeedChange': 300,
                'zoomOpacity': 0.5,
                'overlayOpacity': 0.5,
                'easingIn' : 'easeOutBack',
                'easingOut'        : 'easeInBack',
                'overlayShow': true
                }
                );
 
                $("div#bbvideo a").fancybox(
                {
                'zoomSpeedIn': 800,
                'zoomSpeedOut': 500,
                'zoomSpeedChange': 800,
                'zoomOpacity': 0.5,
                'overlayOpacity': 0.5,
                'overlayShow': true
                }
                );
        });
   </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>
 
</head>
 
<body>
 
 
<div id="game_slid" class="game_slid" style=" left: -272px; width: 335px; position: fixed; top: 142px; background:
url(http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/boxgrund.png) repeat scroll 100% 0% transparent; height: 170px; z-index: 999;">
   <div style="position:absolute;top:40px;right:44px;width:240px;height:140px;overflow:auto;color:#ffffff;">{_boxes_login}</div></div>
 
 
 
<div id="icon_button" style="left:0px;position:fixed;top:19px;" >
<a class="facebook" target="_blank" href="https://www.facebook.com/pages/Briten-vom-Zeisigwald/419188498172246" title="Besuch uns bei Facebook"></a><br/>
<a class="rss" title="News abonieren" href="index.php?news-rss" target="_blank"></a><br/>
<a class="ts" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="Kontaktiere uns"></a></div>
<div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" class="closed" title="Fenster schließen"></a><br><br>
<!-- Anfang TS Code -->
<a href="index.php?contact"><img src="http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/kontakt.png" alt="Kontakt" border="0"> </a>
<!-- Ende TS Code -->
</div><div id="fade" class="black_overlay"></div>
<table cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td align="center">
 
<div id="top">
  <div id="header"> <div style="float:left;" id="tagcloud"><?/div>
<div id="bildseite">{_if_{SESSION_AUTHRIGHT}<='-1'} <b><font size="-2"></font></b>{_boxes_tagcloud} {_else_} {_boxes_tagcloud} {/_endif}</div> </div></div>
 
</div>
 
  <div id="center">
    <div id="left_col"><input type="button" name="Livecam" value="Webcam" onclick="window.open('http://doyo26.ddns-instar.de/main.htm','Webcam','width=880, height=680, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><input type="button" name="showchat" value="Webchat" onclick="window.open('index.php?ajaxchat&iframe=false','Chat','width=720, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><br><br>
        {_list_menunr1@
    <table cellpadding="0" cellspacing="0" border="0" width="160">
 
          <tr>
                  <td style="height: 31px; background: url(include/designs/Rabe2/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
        </tr>
      <tr>
        <td style="background: url(include/designs/Rabe2/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
      </tr>
          <tr>
                  <td style="height: 8px; background: url(include/designs/Rabe2/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
        </tr>
    </table>
 
    }
 
  </div>
    <div id="main_col">
 
            <table width="715" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td style="min-height:-30px;padding: 0px;" colspan="5"><b><p align="center"><div align="center">{_boxes_freunde}</div><center></center></div><script type="text/javascript" src="include/includes/js/countdown.js"></script>
<div align="center" id="countdown">
</div>
</div></div>
 
</p><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="20%"></td>
    </tr>
 
 
</table><br></b>{EXPLODE}<br></td>
          </tr>
        </table>
                <div align="center">
 
 
 
</div>
 
    </div>
 
 
 
 <div id="footer"><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#ffffff"><font size="-2">Copyright © 2013 vomzeisigwald.de Britisch Kurz und Langhaar Katzen aus Chemnitz Sachsen. Site Details <a href="/index.php?rules"><b><font size="-2"><font color="#FFFFFF">Impressum</font></font></b></a>
</div>
</div>
</div>
    </td>
  </tr>
</table>
 
 
 
 
         <!--
                                        {_list_DDDmenupoint@
                                          <strong><big>&middot;</big></strong>
            <a %1 class="box" href="%2">%3</a>
            <br />
                                        }
          //-->
 
          <!--
            [null, '%3', '%2', '%1', null|],|,
          -->
          <!--           anfang        +     link                |ende |teilende|teilee  -->
          <!-- horizontaler menupunkt -->
          {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
          <!-- horizontaler menupunkt anfang -->
          {_list_hmenubegi@<ul>}
          <!-- horizontaler menupunkt ende -->
          {_list_hmenuende@</ul>}
 
          <!-- vertikaler menupunkt -->
          {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
          <!-- vertikaler menupunkt anfang -->
          {_list_vmenubegi@<ul>}
          <!-- vertikaler menupunkt ende -->
          {_list_vmenuende@</ul>}
 
 
<script type="text/javascript">
var state = 0;
var wait = false;
 
function changeSlider2()
{
if(state==1){
$('#game_slid').animate({width: 335 }, "slow", function(){state = 0;}
);
}
else
$('#game_slid').animate({width: 556 }, "slow", function(){state = 1;}
);
}
 
$('#game_slid').click(function(){
changeSlider2();
});
      </script>
    </body>
</html>

LG

Zuletzt modifiziert von Zeisig am 09.04.2013 - 11:35:16

Ändere mal deien Jquery-Source auf

1	`http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js`

(Zeile 4 deiner Index)

Meinst du mit Slider=das dingens, was ich auch auf meiner Seite habe? (siehe Signatur oder Profil)

Bei mir öffnet sich das Ganze auf der Hauptseite (POPup)

Nichts ist so sicher, wie die Änderung.

0 Mitglieder finden den Beitrag gut.

zitieren

Mi. 10.04.2013 20:29 Uhr #30

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Doch dir Stören sich, es ist zwar möglich mehrere jQuery Versionen parallel zu verwenden, nur muss dann genau festgelegt werden, welche für was.

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » Slider Box