ilch Forum » Allgemein » HTML, PHP, SQL,... » imageslider und specials-box

Geschlossen
  1. #1
    User Pic
    trejay Mitglied
    Registriert seit
    09.04.2009
    Beiträge
    372
    Beitragswertungen
    0 Beitragspunkte
    Hi Leute, ich habe unsere HP neu gestaltet.. neues design usw
    das design enthält einen imageslider und nun wollte ich zusätzlich das specials modul von Olox (dms-gaming.com/include/downs/downloads/Specials_Modul_1.1.rar) in die htm des designs einfügen.
    gesperrtes Bild
    allerdings bekomme ich die Box nicht dort hin, und der slider verschwindet dann auch ... gibts ne möglichkeit beides anzeigen zu lassen?
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{TITLE}</title>
    <!-- Design style.css laden -->
    <link type="text/css" href="include/designs/Portfolio/style.css" rel="stylesheet" />
    <!-- JQuery laden -->
    <script type="text/javascript" src="include/includes/js/jquery-1.3.2.min.js"></script>
    <!-- JQuery Menu laden -->
    <script type="text/javascript" src="include/includes/js/menu.js"></script>
    <!-- Imageslider laden -->
    <script type="text/javascript" src="include/includes/js/s3Slider.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
            $('#slider').s3Slider({
                timeOut: 3000
            });
        });
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    </script>
    <!-- JQuery Coda Slider laden -->
    <script type="text/javascript" src="include/includes/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="include/includes/js/jquery.coda-slider-2.0.js"></script>
    <script type="text/javascript">
    $().ready(function() {
           $('#coda-slider-1').codaSlider({
               autoHeightEaseDuration: 1500,
               autoHeightEaseFunction: "easeInOutElastic",
               slideEaseDuration: 1500,
               slideEaseFunction: "easeInOutElastic"
           });
       });
    </script>
    </head>
    <body onload="MM_preloadImages('include/designs/Portfolio/Bilder/Mouseover_Portfolio-
    
    Free_02.png','include/designs/Portfolio/Bilder/Mouseover_Portfolio-Free_04.png','include/designs/Portfolio/Bilder/Mouseover_Portfolio-
    
    Free_07.png','include/designs/Portfolio/Bilder/Mouseover_Portfolio-Free_08.png','include/designs/Portfolio/Bilder/Mouseover_Portfolio-
    
    Free_09.png','include/designs/Portfolio/Bilder/Mouseover_lastnews.png')">
    <div align="center">
    <!-- DD LoginSlider -->
    <div id="login_slider" class="login_slider" style="right: 0px; 
    width: 40px; 
    position: fixed; 
    top: 200px;
    background: url(../include/designs/Portfolio/Bilder/bar.png) repeat scroll 0% 0% transparent; 
    height: 203px; 
    z-index: 999;">
                 
    <div style=" margin-top:20px; margin-left:47px; text-align:left;">
    {_boxes_login}
    </div>
    </div>
    <script type="text/javascript">
    var state = 0;
    var wait = false;
     
      function changeSlider()
      {
        if(state==0){
            $('#login_slider').animate({width: 40 }, "slow", function(){});
            }
        else
            $('#login_slider').animate({width: 300 }, "slow", function(){});
        wait = false;
      }
     
        $('#login_slider').mouseenter(function(event){
            if(state==0)
            {
                state =1; 
                changeSlider();
                wait = true;
                setTimeout('changeSlider();',2000)
            }
           
            if(wait)
             state = 1;
        })
    
       
        $('#login_slider').mouseleave(function(){
            state = 0;
            if(!wait)
                changeSlider(); 
        });
          </script> 
    <br />
    <!-- DD LoginSlider -->
    <div id="layout">
    		<div id="head">
            	<div id="left">
            		<a class="kontakt" href="?contact"></a>
                <div id="holder"></div>
                	<a class="imprint" href="?impressum"></a>
                <div id="holder1"></div>
                <div id="center"></div>
                <a class="facebook" href="http://www.facebook.com/#!/home.php?sk=group_162954330404880&ap=1"></a>
       <a class="twitter" href="http://www.twitter.com"></a>         
                <a class="rss" href="?news-rss"></a>
               	</div>
         	</div>
                <div id="menubg"></div>
                <div id="menu">
        			<ul class="menu">
                    <li><a href="http://www.socclan.de/index.php?home" class="parent"><span>Home</span></a></li>
                    <li><a href="http://www.socclan.de/index.php?forum" class="parent"><span>Forum</span></a></li>
            		<li><a href="http://www.socclan.de/index.php?joinus" class="parent"><span>Join Us</span></a></li>
            		<li><a href="http://www.socclan.de/index.php?fightus" class="parent"><span>Fight Us</span></a></li>
                    <li><a href="#" class="parent"><span>Clanmenü</span></a>
                	<div><ul>
                    <li><a href="http://www.socclan.de/index.php?bewerb"><span>Wir / Bewerbung</span></a></li>
                    <li><a href="http://www.socclan.de/index.php?user"><span>Member</span></a></li>
                    <li><a href="http://www.socclan.de/index.php?googlemap"><span>Wohnorte</span></a></li>
                    <li><a href="http://www.socclan.de/index.php?ugallery"><span>Usergalerien</span></a></li>
                    <li><a href="http://www.socclan.de/index.php?c_uebersicht"><span>Kontaktdaten</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
               		</ul></div>
           			</li>
                    <li><a href="#" class="parent"><span>Gaming</span></a>
                	<div><ul>
                    <li><a href="http://www.socclan.de/index.php?teams"><span>Alle Teams</span></a></li>
                    <li><a href="http://www.socclan.de/index.php?teams-show-6"><span>MW2</span></a></li>
                    <li><a href="http://www.socclan.de/index.php?teams-show-7"><span>MW</span></a></li>
                    <li><a href="http://www.socclan.de/index.php?teams-show-8"><span>BF BC2</span></a></li>
                    <li><a href="http://www.socclan.de/index.php?teams-show-9"><span>CoD BO</span></a></li>
                    <li><a href="http://www.socclan.de/index.php?teams-show-11"><span>MoH</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
               		</ul></div>
           			</li>
                    <li><a href="#" class="parent"><span>Multimedia</span></a>
                	<div><ul>
                    <li><a href="http://www.socclan.de/index.php?gallery"><span>Bildergalerie</span></a></li>
                    <li><a href="http://www.socclan.de/index.php?downloads"><span>Downloads</span></a></li>
                    <li><a href="http://www.socclan.de/index.php?mediamanager"><span>Filme / ect</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
               		</ul></div>
           			</li>
                    <li><a href="#" class="parent"><span>Special</span></a>
                	<div><ul>
                    <li><a href="http://www.socclan.de/index.php?news"><span>Alle News</span></a></li>
                    <li><a href="http://www.socclan.de/index.php?gallery-3"><span>Nur für Member</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
                    <li><a href="#"><span>leer</span></a></li>
               		</ul></div>
           			</li>
                    <li><a href="http://www.socclan.de/index.php?gbook" class="last"><span>GBook</span></a></li>
                    </div>
                    	<div id="lastbg"></div>
                        	<div id="codaslider">
                             	<div class="coda-slider-wrapper">
                                    <div class="coda-slider preload" id="coda-slider-1">
                                        <div class="panel">
                                            <div class="panel-wrapper">
                                                <h2 class="title">Last News</h2>
                                                <p>{_boxes_lastnews}</p>
                                            </div>
                                        </div>
                                        <div class="panel">
                                            <div class="panel-wrapper">
                                                <h2 class="title">Last Topics</h2>
                                                <p>{_boxes_lastforum}</p>
                                            </div>
                                        </div>
                                        <div class="panel">
                                            <div class="panel-wrapper">
                                                <h2 class="title">Top Poster</h2>
                                                <p>{_boxes_topposter}</p>
                                            </div>
                                        </div>
                                    </div><!-- .coda-slider -->
                                </div><!-- .coda-slider-wrapper -->
                            </div>
                        	<div id="imageslider">
                        		<div id="slider">
            					<ul id="sliderContent">
               				 	<li class="sliderImage">
                    			<a href="#"><img src="include/designs/Portfolio/Bilder/Sliderimages/1.jpg" alt="1" border="0"/></a>
                    			<span class="top"><strong>Modern Warfare 2</strong><br />---------</span>
               					</li>
                                <li class="sliderImage">
                    			<a href="#"><img src="include/designs/Portfolio/Bilder/Sliderimages/2.jpg" alt="1" border="0"/></a>
                    			<span class="top"><strong>Modern Warfare</strong><br />----------</span>
               					</li>
                                <li class="sliderImage">
                    			<a href="#"><img src="include/designs/Portfolio/Bilder/Sliderimages/3.jpg" alt="1" border="0"/></a>
                    			<span class="top"><strong>CoD Black Ops</strong><br />-----------</span>
               					</li>
                                <li class="sliderImage">
                    			<a href="#"><img src="include/designs/Portfolio/Bilder/Sliderimages/4.jpg" alt="1" border="0"/></a>
                    			<span class="top"><strong>Medal of Honor 2010</strong><br />-----------</span>
               					</li>
                                <li class="sliderImage">
                    			<a href="#"><img src="include/designs/Portfolio/Bilder/Sliderimages/5.jpg" alt="1" border="0"/></a>
                    			<span class="top"><strong>Lorem Ipsum</strong><br />Lorem Ipsum Dolor Sit Amet</span>
               					</li></ul>
                   		  </div>
    					</div>
     							<div id="contenttop">
      								<div id="hmenu">{HMENU}</div>
    							</div>
      							<div id="content">
        							<div id="explode">
          								<div id="inhalt">{EXPLODE}</div>
                              	</div>
                         			<div id="sidebar">{_list_menunr1@
         								<div id="boxhead">%1</div>
          								<div id="boxcontent">%2</div>
          								<div id="boxfoot"></div>}
                                    </div>
                                		<div class="clear"></div>
    								</div>
                             	<div id="contentfoot"></div>
    				<div id="foot">
        					<a class="copyright1" href="http://www.robertseitz.eu">Copyright 2010 by Robert Seitz</a>
        					<a class="imprint1" href="?impressum">Impressum</a>
                            <a class="kontakt1" href="?contact">Kontakt</a>
    	</div>
    </div>
    </body>
    </html>



    verwendete ilchClan Version: 1.1 M

    betroffene Homepage: socclan.de
    XFire: Trejay
    Skype: Trejay2
    HP: www.socclan.1x.de
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    trejay Mitglied
    Registriert seit
    09.04.2009
    Beiträge
    372
    Beitragswertungen
    0 Beitragspunkte
    niemand ne Idee wie ich beides anzeigen lassen kann?:(
    XFire: Trejay
    Skype: Trejay2
    HP: www.socclan.1x.de
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Highlife Mitglied
    Registriert seit
    01.12.2010
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    Ich habe selber das Modul benutzt und würde sagen du solltest in der spicial css was anpassen...

    Die größe wär dort vorzuschlagen...
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    trejay Mitglied
    Registriert seit
    09.04.2009
    Beiträge
    372
    Beitragswertungen
    0 Beitragspunkte
    Nein, hat nichts mit der Größe zu tun. Sobald ich das Modul ins die htm schreibe, oder einfach via Box in die Navigation einfüge, verschwindet der Imageslider (siehe Bild) und alle Last-News sind zusehen, nach unten hin über den Boxenbereich hinaus.
    Meine mal gelesen zu haben daß jquery irgendwie mit irgendwas nicht klar kommt... bzw durch die specials box jquery 2 mal drin ist....und dass dort was nicht stimmt... hööölfööööö
    XFire: Trejay
    Skype: Trejay2
    HP: www.socclan.1x.de
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    trejay Mitglied
    Registriert seit
    09.04.2009
    Beiträge
    372
    Beitragswertungen
    0 Beitragspunkte
    So, hab ma versucht die quelle des Problems zu finden... anscheinend gibts ein Problem mit der specials.js
    //Special Box Functions
    
    function $(id) {
    var $ = document.getElementById(id);
    
    $.fadeIn = function(delay,callbk,out) {
        var _this = this;
        for (i = 1; i <= 100; i++) {
          (function(j) {
                setTimeout(function() {  
                      if (out==true) j=100-j;
                      _this.style.opacity = j/100;
                      _this.style.MozOpacity = j/100;
                      _this.style.KhtmlOpacity = j/100;
                      _this.style.zoom = 1; // for ie, set haslayout
                      _this.style.display="block"; 
                       if (j==100&&callbk!=undefined) {callbk.call(_this);}
                       else if (out==true&&callbk!=undefined&&j==0) {callbk.call(_this);}
                      _this.style.filter = "alpha(opacity=" + j + ");";},j*delay/100);
                     
            })(i);     
        }
    };
    
    $.fadeOut2 = function(delay,callbk) {
        $.fadeIn(delay,callbk,true);
    };
    
    return $;
    }
    
    function changespecial(index, useraction) {
        if(useraction == true)
            stopspecials();
    
        var numberofspecials = document.getElementById("numberofspecials").value;
        var image_prefix = document.getElementById("image_prefix").value;
        var button_prefix = document.getElementById("button_prefix").value;
        var classname = document.getElementById("classname").value;
        var crrselected = document.getElementById("crrselectedspecial");
    	
    	if (crrselected.value != index) {
            crrselected.value = index;
        
            for(i = 1; i <= numberofspecials; i++)
            {
               document.getElementById(image_prefix + i).style.display = "none";
               document.getElementById(button_prefix + i).className = "";
            }
        
            document.getElementById(image_prefix + index).style.display = "block";
            document.getElementById(button_prefix + index).className = "crr_selected_special";
            $(image_prefix + index).fadeIn(900);
    	}
    	
        if(useraction == true)
            startspecials();
    }
    
    function nextspecial() {
        stopspecials();
        var crr = document.getElementById("crrselectedspecial").value;
        var numberofspecials = document.getElementById("numberofspecials").value;
        if(crr == numberofspecials)
            crr = 1;
        else
            crr++;
            
        changespecial(crr, false);
        startspecials();
    }
    
    
    function previousspecial() {
        stopspecials();
        var crr = document.getElementById("crrselectedspecial").value;
        var numberofspecials = document.getElementById("numberofspecials").value;
        if(crr == 1)
            crr = numberofspecials;
        else
            crr--;
            
        changespecial(crr, false);
        startspecials();
    }
    
    var specialinterval;
    var activerotation = false;
    function startspecials() {
        specialinterval = setInterval("nextspecial()", 6000);
    
        activerotation = true;
    }
    
    function stopspecials() {
        clearInterval(specialinterval);
        
        activerotation = false;
    }
    
    function activespecialrotation() {
        return activerotation;
    }
    
    
    ///Rich HTML Balloon Tooltip Functions
    //http://www.dynamicdrive.com/dynamicindex5/balloontooltip.htm
    //Created: September 10th, 2006
    
    var disappeardelay=250  //tooltip disappear delay (in miliseconds)
    var verticaloffset=2 //vertical offset of tooltip from anchor link, if any
    var enablearrowhead=0 //0 or 1, to disable or enable the arrow image
    var arrowheadimg=["", ""] //path to down and up arrow images
    var arrowheadheight=0 //height of arrow image (amount to reveal)
    
    /////No further editting needed
    
    var ie=document.all
    var ns6=document.getElementById&&!document.all
    verticaloffset=(enablearrowhead)? verticaloffset+arrowheadheight : verticaloffset
    
    function getposOffset(what, offsettype){
    var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
    var parentEl=what.offsetParent;
    while (parentEl!=null){
    totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
    parentEl=parentEl.offsetParent;
    }
    return totaloffset;
    }
    
    function showhide(obj, e){
    dropmenuobj.style.left=dropmenuobj.style.top="-500px"
    if (e.type=="mouseover")
    obj.visibility="visible"
    }
    
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    
    function clearbrowseredge(obj, whichedge){
    if (whichedge=="rightedge"){
    edgeoffsetx=0
    var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
    dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
    if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
    edgeoffsetx=dropmenuobj.contentmeasure-obj.offsetWidth
    return edgeoffsetx
    }
    else{
    edgeoffsety=0
    var topedge=ie && !window.opera? iecompattest().scrollTop : window.pageYOffset
    var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
    dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
    if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure) //move up?
    edgeoffsety=dropmenuobj.contentmeasure+obj.offsetHeight+(verticaloffset*2)
    return edgeoffsety
    }
    }
    
    function displayballoontip(obj, e){ //main ballooon tooltip function
    if (window.event) event.cancelBubble=true
    else if (e.stopPropagation) e.stopPropagation()
    if (typeof dropmenuobj!="undefined") //hide previous tooltip?
    dropmenuobj.style.visibility="hidden"
    clearhidemenu()
    //obj.onmouseout=delayhidemenu
    dropmenuobj=document.getElementById(obj.getAttribute("rel"))
    showhide(dropmenuobj.style, e)
    dropmenuobj.x=getposOffset(obj, "left")
    dropmenuobj.y=getposOffset(obj, "top")+verticaloffset
    dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
    dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
    if (enablearrowhead)
    displaytiparrow()
    }
    
    function displaytiparrow(){ //function to display optional arrow image associated with tooltip
    tiparrow=document.getElementById("arrowhead")
    tiparrow.src=(edgeoffsety!=0)? arrowheadimg[0] : arrowheadimg[1]
    var ieshadowwidth=(dropmenuobj.filters && dropmenuobj.filters[0])? dropmenuobj.filters[0].Strength-1 : 0
    //modify "left" value depending on whether there's no room on right edge of browser to display it, respectively
    tiparrow.style.left=(edgeoffsetx!=0)? parseInt(dropmenuobj.style.left)+dropmenuobj.offsetWidth-tiparrow.offsetWidth-10+"px" : parseInt(dropmenuobj.style.left)+5+"px"
    //modify "top" value depending on whether there's no room on right edge of browser to display it, respectively
    tiparrow.style.top=(edgeoffsety!=0)? parseInt(dropmenuobj.style.top)+dropmenuobj.offsetHeight-tiparrow.offsetHeight-ieshadowwidth+arrowheadheight+"px" : parseInt(dropmenuobj.style.top)-arrowheadheight+"px"
    tiparrow.style.visibility="visible"
    }
    
    function delayhidemenu(){
    delayhide=setTimeout("dropmenuobj.style.visibility='hidden'; dropmenuobj.style.left=0; if (enablearrowhead) tiparrow.style.visibility='hidden'",disappeardelay)
    }
    
    function clearhidemenu(){
    if (typeof delayhide!="undefined")
    clearTimeout(delayhide)
    }
    
    function reltoelement(linkobj){ //tests if a link has "rel" defined and it's the ID of an element on page
    var relvalue=linkobj.getAttribute("rel")
    return (relvalue!=null && relvalue!="" && document.getElementById(relvalue)!=null && document.getElementById(relvalue).className=="balloonstyle")? true : false
    }
    
    function initalizetooltip(){
    var all_links=document.getElementsByTagName("a")
    if (enablearrowhead){
    tiparrow=document.createElement("img")
    tiparrow.setAttribute("src", arrowheadimg[0])
    tiparrow.setAttribute("id", "arrowhead")
    document.body.appendChild(tiparrow)
    }
    for (var i=0; i<all_links.length; i++){
    if (reltoelement(all_links[i])){ //if link has "rel" defined and it's the ID of an element on page
    all_links[i].onmouseover=function(e){
    var evtobj=window.event? window.event : e
    displayballoontip(this, evtobj)
    }
    all_links[i].onmouseout=delayhidemenu
    }
    }
    }
    
    if (window.addEventListener)
    window.addEventListener("load", initalizetooltip, false)
    else if (window.attachEvent)
    window.attachEvent("onload", initalizetooltip)
    else if (document.getElementById)
    window.onload=initalizetooltip
    
    startspecials();




    und zwar wenn ich einen bereich in der js entferne sind beide boxen drin, nur das sliden und klicken der specials-box funzt nicht mehr
    hier der besagte bereich:

    function getposOffset(what, offsettype){
    var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
    var parentEl=what.offsetParent;
    while (parentEl!=null){
    totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
    parentEl=parentEl.offsetParent;
    }
    return totaloffset;
    }


    vlt kommt der bereich sich mit einem anderen js in die quere
    weiss jemand ob man da was machen kann dass es trotzdem funzt?
    XFire: Trejay
    Skype: Trejay2
    HP: www.socclan.1x.de
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    CeeJay Hall Of Fame
    Registriert seit
    23.03.2007
    Beiträge
    2.425
    Beitragswertungen
    18 Beitragspunkte
    setzt mal deinen imageslider in einen iframe glücklich undzwar so:

    du erstellst eine imageslicer.html.

    Code:

    <iframe src="include/designs/deindesign/imageslicer.html" width="???" height="???" borderframe="0"></iframe>

    man kann die Scrollbalken noch via css ausblenden, für den internet explorer gibt es eigene css-stile - einfach mal googlen zwinker ich meine aber die waren in etwa so:

    scrollbar:hidden <-- keine Garantie, das es funzt.
    Nichts ist so sicher, wie die Änderung.
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    trejay Mitglied
    Registriert seit
    09.04.2009
    Beiträge
    372
    Beitragswertungen
    0 Beitragspunkte
    interessante Idee, gleich mal probiert,,, soweit so gut... habe ne htm erstellt und ins design via iframe eingebunden... wird auch angezeigt, allerdings bekomme ich die box {_boxes_specials} nicht in die htm rein... oder ich stell mich zu dreieckig an^^
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <style type="text/css">
    <!--
    a {
    text-decoration:none;
    }

    div {
    text-align: center;
    }

    body {
    background-attachment: fixed;
    margin:0px;
    bgproperties: fixed;
    background-color: #000000;
    scrollbar-face-color: #55565B;
    scrollbar-highlight-color: #1D212D;
    scrollbar-shadow-color: #6B6B6B;
    scrollbar-3dlight-color: #B5B5B5;
    scrollbar-arrow-color: #B5B5B5;
    scrollbar-track-color: #1D212D;
    scrollbar-darkshadow-color: #55565B;
    color: #FFFFFF;

    }



    -->
    </style>
    <div align="center">
    </head>
    <body>
    <div align="center">
    <table align="center" border="0">

    {_boxes_specials}



    </table>




    </div>

    </body>
    </html>
    XFire: Trejay
    Skype: Trejay2
    HP: www.socclan.1x.de
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten