ilch Forum » Ilch Clan 1.1 » Design und Templates » Sliding Login Panel with jQuery 1.3.2

Geschlossen
  1. #151
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beiträge
    232
    Beitragswertungen
    0 Beitragspunkte
    ich hab mir das mal nochmal beim orginal angeschaut und habe festgestellt das es nach auflösung sowieso verschoben wird, aber um eure wünsche zu erfüllen solltet ihr euch

    Zeil 34 anschauen

    .tab ul.login {
    	display: block;
    	position: relative;
      	float: right;
      	clear: right;
      	height: 42px;
    	width: auto;
      	font-weight: bold;
    	line-height: 42px;
    	margin: 0;
    	right: 150px;
      	color: white;
      	font-size: 80%;
    	text-align: center;
    }


    @viper0461 um das ganz nach links zu machen ändere mal das float

    das müsste dann so aussehen:

    .tab ul.login {
    	display: block;
    	position: relative;
    	float: left;
    	clear: left;
    	height: 42px;
    	width: auto;
    	font-weight: bold;
    	line-height: 42px;
    	margin: 0;
    	color: white;
    	font-size: 80%;
    	text-align: center;
    }


    mit "left" kannst du das ganze noch einrücken.
    beispiel:
    left: 20px;


    @TheRipper und wie schon gesagt bündig wird das glaubig nicht du kannst das aber mit
    "right" solltest du dein ziel erreichen

    hab das aber nur kurz überflogen, sollte aber so funken.wenn nicht einfach nochmal melden.

    gruß
    swenieboy


    Zuletzt modifiziert von swenieboy am 01.07.2010 - 07:20:57
    0 Mitglieder finden den Beitrag gut.
  2. #152
    User Pic
    viper0461 Mitglied
    Registriert seit
    17.02.2008
    Beiträge
    88
    Beitragswertungen
    0 Beitragspunkte
    Hi swenieboy, vielen Dank funzt tadellos.Hätt ich auch selbst drauf kommen können, na ja manchmal sieht man den Wald vor lauter Bäumen nicht.
    0 Mitglieder finden den Beitrag gut.
  3. #153
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beiträge
    232
    Beitragswertungen
    0 Beitragspunkte
    richtig ... geht mir auch oft so zwinker

    ZitatZitat geschrieben von viper0461

    Hi swenieboy, vielen Dank funzt tadellos.Hätt ich auch selbst drauf kommen können, na ja manchmal sieht man den Wald vor lauter Bäumen nicht.
    0 Mitglieder finden den Beitrag gut.
  4. #154
    User Pic
    TheRipper Mitglied
    Registriert seit
    09.01.2008
    Beiträge
    147
    Beitragswertungen
    1 Beitragspunkte
    Eins habe ich jetzt gefixt, jedoch will ich das noch ein bisschen anders haben!
    Und zwar:
    Das ganze soll nur so breit sein wie die page selber!
    Dann wenn man es runter klappen lässt soll der Text auch zentriert sein!

    Ist das möglich?
    Wer kämpft kann verlieren, wer nicht kämpft, hat schon verloren!
    0 Mitglieder finden den Beitrag gut.
  5. #155
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beiträge
    232
    Beitragswertungen
    0 Beitragspunkte
    moin moin

    kann mir nicht so richtig vorstellen was du meinst ... kannst du ne kleine skizze anfertigen ?

    gruß
    swenieboy

    ZitatZitat geschrieben von TheRipper

    Eins habe ich jetzt gefixt, jedoch will ich das noch ein bisschen anders haben!
    Und zwar:
    Das ganze soll nur so breit sein wie die page selber!
    Dann wenn man es runter klappen lässt soll der Text auch zentriert sein!

    Ist das möglich?
    0 Mitglieder finden den Beitrag gut.
  6. #156
    User Pic
    TheRipper Mitglied
    Registriert seit
    09.01.2008
    Beiträge
    147
    Beitragswertungen
    1 Beitragspunkte
    ZitatZitat geschrieben von swenieboy

    moin moin

    kann mir nicht so richtig vorstellen was du meinst ... kannst du ne kleine skizze anfertigen ?

    gruß
    swenieboy

    ZitatZitat geschrieben von TheRipper

    Eins habe ich jetzt gefixt, jedoch will ich das noch ein bisschen anders haben!
    Und zwar:
    Das ganze soll nur so breit sein wie die page selber!
    Dann wenn man es runter klappen lässt soll der Text auch zentriert sein!

    Ist das möglich?



    So ungefähr^^

    gesperrtes Bild

    Und das mit dem Text meine ich so! Ist schon fast gut muss nur ein bisschen nach rechts

    gesperrtes Bild


    Hofee du weist was ich meine^^


    Zuletzt modifiziert von TheRipper am 03.07.2010 - 19:06:30
    Wer kämpft kann verlieren, wer nicht kämpft, hat schon verloren!
    0 Mitglieder finden den Beitrag gut.
  7. #157
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beiträge
    232
    Beitragswertungen
    0 Beitragspunkte
    ... ab es gelöscht ... war vollig falsch ... schaue nochmal rüber


    gruß


    Zuletzt modifiziert von swenieboy am 13.07.2010 - 07:15:50
    0 Mitglieder finden den Beitrag gut.
  8. #158
    User Pic
    LongHuoyan Mitglied
    Registriert seit
    17.12.2008
    Beiträge
    201
    Beitragswertungen
    1 Beitragspunkte
    bin gerade durch zufall auf diesen Post gestoßen...
    ist es möglich, den kompletten Code einmal zu posten was geändert bzw. umgeschrieben werden muss?
    Wär wirklich super. zwinker
    »Willst du den Charakter eines Menschen erkennen, so gib ihm Macht!«
    (Abraham Lincoln)
    0 Mitglieder finden den Beitrag gut.
  9. #159
    User Pic
    LongHuoyan Mitglied
    Registriert seit
    17.12.2008
    Beiträge
    201
    Beitragswertungen
    1 Beitragspunkte
    bin gerade durch zufall auf diesen Post gestoßen...
    ist es möglich, den kompletten Code einmal zu posten was geändert bzw. umgeschrieben werden muss?
    Wär wirklich super. zwinker
    »Willst du den Charakter eines Menschen erkennen, so gib ihm Macht!«
    (Abraham Lincoln)
    0 Mitglieder finden den Beitrag gut.
  10. #160
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beiträge
    232
    Beitragswertungen
    0 Beitragspunkte
    wie was umschreiben ?
    0 Mitglieder finden den Beitrag gut.
  11. #161
    User Pic
    Remix Mitglied
    Registriert seit
    28.02.2009
    Beiträge
    267
    Beitragswertungen
    3 Beitragspunkte
    Schau hier, da ist alles komplett zwinker

    externer Link
    www.fsk-anticlan.de --> www.revival.4playin.de
    0 Mitglieder finden den Beitrag gut.
  12. #162
    User Pic
    Forcey Mitglied
    Registriert seit
    19.09.2010
    Beiträge
    411
    Beitragswertungen
    66 Beitragspunkte
    *ausgrab*

    Jungs?
    Hab nur ich das, dass das 1zu1 gedownloadete im IE noch andere faxen macht? oO

    Hab mein Slide natürlich schon bearbeitet, und merk grad, dass die 3 Boxen oben im Slide im IE kleiner sind. Nicht auf volle Breite, wie es im Firefox richtig dargestellt wird.

    bzie.de/rrz/

    Also eig war Breite 960 *glaub*?
    Im IE siehts aber mehr nach 750 aus sauer
    0 Mitglieder finden den Beitrag gut.
  13. #163
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beiträge
    232
    Beitragswertungen
    0 Beitragspunkte
    also ich hab das mal durch mein IE Tester laufen lassen und den einzigen Fehler den ich auf anhieb sehen, ist das du den PNG FIX nicht drinne hast.

    Gruß
    swenieboy

    ZitatZitat geschrieben von Forcey

    *ausgrab*

    Jungs?
    Hab nur ich das, dass das 1zu1 gedownloadete im IE noch andere faxen macht? oO

    Hab mein Slide natürlich schon bearbeitet, und merk grad, dass die 3 Boxen oben im Slide im IE kleiner sind. Nicht auf volle Breite, wie es im Firefox richtig dargestellt wird.

    bzie.de/rrz/

    Also eig war Breite 960 *glaub*?
    Im IE siehts aber mehr nach 750 aus sauer
    0 Mitglieder finden den Beitrag gut.
  14. #164
    User Pic
    Kexi Mitglied
    Registriert seit
    06.10.2010
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    hey,
    habe mir jetzt mal die loginbox heruntergeladen und auf meine seite aufgespielt. ebenso noch den png fix in meinen style eingefügt.
    nur passiert jetzt garnichts...
    muss ich da nochwas machen?
    ich muss zugeben ich hab davon nicht so die große ahnung.

    greez Kexi
    0 Mitglieder finden den Beitrag gut.
  15. #165
    User Pic
    Sunshine Live Mitglied
    Registriert seit
    03.06.2009
    Beiträge
    1.029
    Beitragswertungen
    109 Beitragspunkte
    link??
    0 Mitglieder finden den Beitrag gut.
  16. #166
    User Pic
    Kexi Mitglied
    Registriert seit
    06.10.2010
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    halb fertige seite ftw
    kexi.cwsurf.de/index.php
    0 Mitglieder finden den Beitrag gut.
  17. #167
    User Pic
    Sunshine Live Mitglied
    Registriert seit
    03.06.2009
    Beiträge
    1.029
    Beitragswertungen
    109 Beitragspunkte
    hast dich auch daran gehalten??
    ZitatZitat
    Jetzt öffnet ihr die index.htm aus eurem Designs Ordner mit einem Editor eurer Wahl und fügt folgenden Quelltext in euren head ein:
    <!-- PNG FIX for IE6 -->
    <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
    <!--[if lte IE 6]>
    <script type="text/javascript" src=" include/includes/ js/pngfix/supersleight-min.js"></script>
    <![endif]-->
    <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>
    Alternative:
    <!-- PNG FIX for IE6 -->
    <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
    <!--[if lte IE 6]>
    <script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
    <!-- jQuery - the core -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
    <!-- Sliding effect -->
    <script type="text/javascript"
    src="include/includes/js/slide.js" >
    </script>


    ZitatZitat
    Jetzt fügt ihr in euren body an erster Stelle folgenden Code ein:
    <div id="">{_boxes_panel_login}</div>
    Ihr könnte das auch ohne einen DIV machen.
    {_boxes_panel_login}
    0 Mitglieder finden den Beitrag gut.
  18. #168
    User Pic
    Kexi Mitglied
    Registriert seit
    06.10.2010
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    ah danke das mit dem body hatte ich noch nicht
    scheinbar habe ich das überlesen.

    greez Kexi
    0 Mitglieder finden den Beitrag gut.
  19. #169
    User Pic
    Sunshine Live Mitglied
    Registriert seit
    03.06.2009
    Beiträge
    1.029
    Beitragswertungen
    109 Beitragspunkte
    passiert zwinkerzwinkerzwinker
    0 Mitglieder finden den Beitrag gut.
  20. #170
    User Pic
    Kexi Mitglied
    Registriert seit
    06.10.2010
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    eine frage hätte ich da noch.
    ich hätte das ding ganz gerne mittig. wenn ich in der slide.css das jetzt so eintrage:

    .tab ul.login {
        display: block;
        position: relative;
          float: center;
          clear: center;
          height: 42px;
        width: auto;
          font-weight: bold;
        line-height: 42px;
        margin: 0;
          color: white;
          font-size: 80%;
        text-align: center;
    }


    hat das den gleichen effekt als würde ich bei float "left" eingeben.
    bin mir ja nichtmal sicher ob center hier zulässig ist :/
    jemand ne idee wie ich das in die mitte bekomme?

    greez Kexi


    Zuletzt modifiziert von Kexi am 10.10.2010 - 22:28:59
    0 Mitglieder finden den Beitrag gut.
  21. #171
    User Pic
    swenieboy Mitglied
    Registriert seit
    19.03.2009
    Beiträge
    232
    Beitragswertungen
    0 Beitragspunkte
    musst mal im thema lesen ... die frage wurde schon gestellt und beantwortet.

    lg
    swenieboy
    0 Mitglieder finden den Beitrag gut.
  22. #172
    User Pic
    Kexi Mitglied
    Registriert seit
    06.10.2010
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    falls du darauf hinaus willst...

    ZitatZitat geschrieben von swenieboy

    4.hab das mal getestet.du kannst die pos in zeile 33
    beispiel:
    .tab ul.login {
    	display: block;
    	position: relative;
    	float: left;
    	clear: right;
    	height: 42px;
    	width: auto;
    	font-weight: bold;
    	line-height: 42px;
    	margin: 0;
    	color: white;
    	font-size: 80%;
    	text-align: center;
    	left: 50%;
    }

    abändern.


    damit kann man das ganze ja nicht zu 100% zentrieren, sondern der linke rand der box ist dann auf 50%. meine frage bezieht sich auf eine möglichkeit die box genau in der mitte zu haben. bzw die mitte der box bei 50% zu haben und nicht den linken rand.
    0 Mitglieder finden den Beitrag gut.
  23. #173
    User Pic
    Ripper_L Mitglied
    Registriert seit
    24.02.2009
    Beiträge
    417
    Beitragswertungen
    11 Beitragspunkte
    mal wieder ausgraben lachen
    lässt sich in den slide auch das menü einbauen? vielleicht sogar menü 1-3 in die 3 spalten oben (?) fände ich ganz cool lächeln
    0 Mitglieder finden den Beitrag gut.
  24. #174
    User Pic
    Isalapisa Mitglied
    Registriert seit
    05.07.2012
    Beiträge
    135
    Beitragswertungen
    1 Beitragspunkte
    möchte gerne eine Mouseovereffekt erzielen sodass der login panel etwas schwächer ist und dann wenn man mit der maus rübergeht das er heller ist.

    kein problem grafik ist vorhanden,
    habe auch die jeweils 3 grafiken der zu einem Login Button wird
    mit Hoover effekt gemacht, nur sieht es blöd aus wenn 3 Buttons einzelt einen hoover effekt erzielen


    wie funktioniert es wenn ich mit der maus auf dem login bereich geh wo sich der Panel öffnet und dann alle 3 Grafiken die der Slider bildet

    gleichzeitig den Hoover effekt erzielen?


    .tab ul.login li.left {
      	background: url(../../images/LoginPanel/tab_l.png) no-repeat left 0;
      	height: 28px;
    	width: 30px;
    	padding: 0;
    	margin: 0;
      	display: block;
    	float: left;
    }
    
    .tab ul.login li.right {
      	background: url(../../images/LoginPanel/tab_r.png) no-repeat left 0;
      	height: 28px;
    	width: 30px;
    	padding: 0;
    	margin: 0;
      	display: block;
    	float: left;
    }
    
    .tab ul.login li {
     	text-align: left;
      	padding: 0 6px;
    	display: block;
    	float: left;
    	height: 28px;
      	background: url(../../images/LoginPanel/tab_m.png) repeat-x 0 0;
    }


    und wollte halt z.B so es machen sieht aber doof aus

    .tab ul.login li.left {
      	background: url(../../images/LoginPanel/tab_l.png) no-repeat left 0;
      	height: 28px;
    	width: 30px;
    	padding: 0;
    	margin: 0;
      	display: block;
    	float: left;
    }
    .tab ul.login li.left:hover 
    background: url(../../images/LoginPanel/tab_l_hover.png) no-repeat left 0;
      	height: 28px;
    	width: 30px;
    	padding: 0;
    	margin: 0;
      	display: block;
    	float: left;
    }


    usw...


    Zuletzt modifiziert von Isalapisa am 06.10.2012 - 15:51:19
    0 Mitglieder finden den Beitrag gut.
  25. #175
    User Pic
    zillo gelöschter User
    ZitatZitat geschrieben von Thorsten2004

    Hi ich habe da im Internet mal was gefunden was ich gerne in mein Ilch Portal eingebaut bekommen möchte :-D


    es geht um diesen Script (demo ist auf der Seite )
    web-kreation.com/demos/Sliding_login_panel_jquery/


    Web-Kreation

    ZitatZitat
    What's new in this version?

    * Panel has been redesigned to be "slicker".
    * Panel overlaps content instead of "pushing" it.
    * Images are transparent... and work in IE6! (Thanks to 24Ways for their IE PNG Fix.) This means, you can change the background color of the body as you wish or even set a background image.
    * Login button that slides the panel down changes from "Log In | Register" to "Close Panel" on click and I have added some nice rollover images

    web-kreation.com/demos/Sliding_login_panel_jquery/



    gibt es jemanden der mir helfen möchte den code an Ilch an zu passen


    Nimmst du das script nur fürn Login oder auch als Menüleiste. Kannst auch infos reinbacken siehe : facecom.funpic.de
    0 Mitglieder finden den Beitrag gut.
  26. #176
    User Pic
    zillo gelöschter User
    so ich wieder mal brauchst du das in schwarz? habe es in rot blau und im scharzen design wenn du noch hilfe brauchst zum einbinden schreib mal zurück

    PS du kannst es auch tranparent machen beim aufklappen so wie auf meine seite
    facecom.funpic.de . Das script geht aber nicht mit PagePaneel habs schon ausprobiert habe auch Lauftext fürn TAB
    0 Mitglieder finden den Beitrag gut.
  27. #177
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    Moin zusammen,

    ich hab mal ne Frage:
    Wenn ich das Sliding Login Panel in ein anderes Design als das Standard-Design integrieren möchte, fehlen mir auf dem Panel die Button zum Auf-und Zuklappen. Im Standard-Design sind die aber vorhanden.

    Könnte bitte jemand mal über die index.htm schauen, ich vermute den Fehler hier.
    Installierte Version 1.1P.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
      <head>
      
      <!-- PNG FIX for IE6 -->
    <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
    <!--[if lte IE 6]>
    <script type="text/javascript" src=" include/includes/ js/pngfix/supersleight-min.js"></script>
    <![endif]-->
    <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>
      
        <meta http-equiv="Content-Language" content="de">
        <title>{TITLE}</title>
    	<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
        <meta name="Robots" content="INDEX,FOLLOW">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="Pragma" content="no-cache">
    	<meta name="Robots" content="archive">
    	<link rel="stylesheet" type="text/css" href="include/designs/ilch_gs_template119/style.css">
    	<!--<script type="text/javascript" src="include/designs/ilch_gs_template119/js/jquery-1.3.2.min.js"></script>-->
    <script type="text/javascript" src="include/designs/ilch_gs_template119/js/fadeslideshow.js">
    /***********************************************
    * Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
    ***********************************************/
    </script>
    <script type="text/javascript">
    var mygallery=new fadeSlideShow({
    	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    	dimensions: [404, 158], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
                ["include/designs/ilch_gs_template119/images/slide/img01.jpg", "", "", ""],
                ["include/designs/ilch_gs_template119/images/slide/img02.jpg", "", "", ""],
                ["include/designs/ilch_gs_template119/images/slide/img03.jpg", "", "", ""]
                ],
    	displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false},
    	persist: true, //remember last viewed slide and recall within same session?
    	fadeduration: 500, //transition duration (milliseconds)
    	descreveal: "ondemand",
    	togglerid: ""
    })
    </script>
    	<script type="text/javascript" src="include/includes/js/jquery.min.js"></script>
    </head>
    <body>
    {_boxes_panel_login}
    <table class="maintable" cellpadding="0" cellspacing="0">
    	<tr>
    		<td style="background:url(include/designs/ilch_gs_template119/images/top.jpg) no-repeat; width:1000px; height:29px">
    		<div style="padding-left:10px;padding-top:2px;">{_boxes_login}</div>
    	</td>
    	</tr>
    </table>
    <table class="maintable" cellpadding="0" cellspacing="0">
    	<tr>
    		<td style="background:url(include/designs/ilch_gs_template119/images/header.jpg) no-repeat; width:1000px; height:208px">
    	</td>
    	</tr>
    </table>
    <table class="maintable" cellpadding="0" cellspacing="0">
    <tr>
    <td style="width:403px; height:30px; background:url(include/designs/ilch_gs_template119/images/sh1.jpg) no-repeat;"><div style="padding-left:20px;padding-top:8px;"></div></td>
    <td><a href="index.php?news" onmouseover="home.src='include/designs/ilch_gs_template119/images/home2.jpg';"onmouseout="home.src='include/designs/ilch_gs_template119/images/home.jpg';"><img src="include/designs/ilch_gs_template119/images/home.jpg" border="0" width="75" height="30" name="home" /></a></td>
    <td><a href="index.php?forum" onmouseover="board.src='include/designs/ilch_gs_template119/images/board2.jpg';"onmouseout="board.src='include/designs/ilch_gs_template119/images/board.jpg';"><img src="include/designs/ilch_gs_template119/images/board.jpg" border="0" width="103" height="30" name="board" /></a></td>
    <td><a href="index.php?links" onmouseover="links.src='include/designs/ilch_gs_template119/images/links2.jpg';"onmouseout="links.src='include/designs/ilch_gs_template119/images/links.jpg';"><img src="include/designs/ilch_gs_template119/images/links.jpg" border="0" width="116" height="30" name="links" /></a></td>
    <td><a href="index.php?downloads" onmouseover="loads.src='include/designs/ilch_gs_template119/images/loads2.jpg';"onmouseout="loads.src='include/designs/ilch_gs_template119/images/loads.jpg';"><img src="include/designs/ilch_gs_template119/images/loads.jpg" border="0" width="149" height="30" name="loads" /></a></td>
    <td><a href="index.php?gbook" onmouseover="gbook.src='include/designs/ilch_gs_template119/images/gbook2.jpg';"onmouseout="gbook.src='include/designs/ilch_gs_template119/images/gbook.jpg';"><img src="include/designs/ilch_gs_template119/images/gbook.jpg" border="0" width="105" height="30" name="gbook" /></a></td>
    <td><a href="index.php?contact" onmouseover="contact.src='include/designs/ilch_gs_template119/images/contact2.jpg';"onmouseout="contact.src='include/designs/ilch_gs_template119/images/contact.jpg';"><img src="include/designs/ilch_gs_template119/images/contact.jpg" border="0" width="38" height="30" name="contact" /></a></td>
    
    <td><img src="include/designs/ilch_gs_template119/images/sh2.jpg" border="0" width="11" height="30" alt="" /></td>
    </tr>
    </table>
    <table class="maintable" cellpadding="0" cellspacing="0">
    	<tr>
    		<td width="1000" height="31" style="background:url(include/designs/ilch_gs_template119/images/sh3.jpg) no-repeat;"><div style="float:right; text-align:right;width:350px; padding-right:20px;padding-top:6px;">{_boxes_search}</div></td>
    	</tr>
    </table>
    <table class="maintable" cellpadding="0" cellspacing="0">
    	<tr>
    		<td><img src="include/designs/ilch_gs_template119/images/sh4.jpg" border="0" width="19" height="158" alt="" /></td>
    		<td valign="top" style="width:179px; height:158px; background:url(include/designs/ilch_gs_template119/images/sh5.jpg) no-repeat;" ><div style="padding-left:10px; padding-top:10px;">{_boxes_lastnews}</div></td>
    		<td><img src="include/designs/ilch_gs_template119/images/sh6.jpg" border="0" width="10" height="158" alt="" /></td>
    		<td valign="top" style="width:176px; height:158px; background:url(include/designs/ilch_gs_template119/images/sh7.jpg) no-repeat;" ><div style="padding-left:10px; padding-top:10px;">{_boxes_lastforum}</div></td>
    		<td><img src="include/designs/ilch_gs_template119/images/sh8.jpg" border="0" width="10" height="158" alt="" /></td>
    		<td valign="top" style="width:179px; height:158px; background:url(include/designs/ilch_gs_template119/images/sh9.jpg) no-repeat;" ><div style="padding-left:5px; padding-top:10px;">{_boxes_lastwars}</div></td>
    		<td><img src="include/designs/ilch_gs_template119/images/sh10.jpg" border="0" width="7" height="158" alt="" /></td>
    		<td align=" left" valign="top" style="width:404px; height:158px; background:url(include/designs/ilch_gs_template119/images/sh11.jpg) no-repeat;">
    					<div class="fadeshow1">
    					<div id="fadeshow1"></div>
    					</div>
    	</td>
    		<td><img src="include/designs/ilch_gs_template119/images/sh12.jpg" border="0" width="16" height="158" alt="" /></td>
    	</tr>
    </table>
    <table class="maintable" cellpadding="0" cellspacing="0">
    	<tr>
    		<td><img src="include/designs/ilch_gs_template119/images/sh13.jpg" border="0" width="1000" height="12" alt="" /></td>
    	</tr>
    </table>
    <table class="maintable" cellpadding="0" cellspacing="0">
        <tr>
    	<!--platzhalter-->
    	<td style="width:10px"><img src="include/designs/ilch_gs_template119/images/blank.gif" width="1" height="10" alt="blank" border="0" /></td>
    	<!--/platzhalter-->
    	<!--navi01-->
    	<td align="left" valign="top">
    	  		<table cellspacing="0" cellpadding="0">
    				{_list_menunr1@
    				<tr>
    					<td width="176" height="34" background="include/designs/ilch_gs_template119/images/navtop.jpg">
    					    <table width="176">
                                <tr>
    							    <td width="176" class="navtop">%1</td>
    						    </tr>
    					    </table>
    					</td>
    				</tr>
    				<tr>
    					<td style="width:176px; background:url(include/designs/ilch_gs_template119/images/navbox_bg.jpg) repeat-y;" >
    					    <table width="176" border="0" cellspacing="0" cellpadding="0">
                                <tr>
    								<td width="176" align="center" class="navi"><div id="menu">%2</div></td>
    							</tr>
    					    </table>
    					</td>
    				</tr>
    				<tr>
    					<td style="width:176px; height:33px; background:url(include/designs/ilch_gs_template119/images/navfooter.jpg) no-repeat;" ></td>
    				}
    				</tr>
    			</table>	
    	</td>
    <!--content-->
    	<td valign="top" style="width:628px">
    		<table cellpadding="0" cellspacing="0" border="0">
    			<tr>
    				<td>
    					<table cellpadding="0" cellspacing="0">
    						<tr>
    							<td style="width:628px; height:21px; background:url(include/designs/ilch_gs_template119/images/content_header.jpg) no-repeat"></td>
    						</tr>
    					</table>
                        <table cellpadding="0" cellspacing="0" style="width:628px; background:url(include/designs/ilch_gs_template119/images/content_bg.jpg) repeat-y">
                            <tr>
    							<td width="15"></td>
    							<td class="Callg" align="left"  valign="top"><font class="smalfont"><b> &raquo; </b>{HMENU}</font><br /><br />{EXPLODE}</td> 
    							<td width="15"></td>
    						</tr>
                         </table>
    					 <table cellpadding="0" cellspacing="0">
    						<tr>
    							<td style="width:628px; height:21px; background:url(include/designs/ilch_gs_template119/images/content_ft.jpg) no-repeat"></td>
    						</tr>
    					</table>
                    </td>
    			</tr>
    		</table>
    	</td>
    	<!--navi02-->
    	<td align="left" valign="top">
    	  	<table width="176" border="0" cellspacing="0" cellpadding="0">
    			{_list_menunr2@
    			<tr>
                <td width="176" height="34" background="include/designs/ilch_gs_template119/images/navtop_re.jpg">
    				<table width="176">
                        <tr>
    						<td width="176" class="navtop_re">%1</td>
    					</tr>
    				</table>
    			</td>
            </tr>
            <tr>
    			<td>
    				<table style="width:176px; background:url(include/designs/ilch_gs_template119/images/navbox_bg_re.jpg) repeat-y;" cellspacing="0" cellpadding="0">
                        <tr>
    					<td width="4" align="center" ></td>
    						<td width="168" align="center" class="navi_re"><div id="menu_re">%2</div></td>
    						<td width="4" align="center" ></td>
    					</tr>
    				</table>
    			</td>
            </tr>
    		<tr>
                 <td style="width:176px; height:33px; background:url(include/designs/ilch_gs_template119/images/navfooter_re.jpg) no-repeat;" ></td>
    			 }
             </tr>
    		</table>
    	</td>
    <!--Platzhalter-->
    		  <td style="width:10px"><img src="include/designs/ilch_gs_template119/images/blank.gif" width="10" height="1" alt="" /></td>
    <!--/Platzhalter-->
    	 </tr>
    </table>
     <table background="include/designs/ilch_gs_template119/images/footer.jpg" align="center" valign="top" width="1000" height="28" cellpadding="0" cellspacing="0">
        <tr>
          <td width="1000" align="center" valign="top" >
    	  <div id="footer_inner">
    						<div id="links">
    						 Script Copyright by <a href="http://www.ilch.de/" target="_blank">ilch.de</a>
    						 <a href="http://www.psd-resources.de/" target="_blank">made by psd-resources.de</a>
    						</div>
    						</div>
    	</td>
        </tr>
      </table>
    </body>
    <div id="login_slider" class="login_slider" style=" right: 0px; width: 70px; position: fixed; top: 100px;
    background:url(/ilchClan11o/include/images/tsslider/slider-black.png) repeat scroll 0% 0% transparent; height: 500px; z-index: 999;" >
                 
    <div style=" margin-top:20px; margin-left:80px; text-align:left; height: 450px; overflow:auto; overflow-x: hidden";;>
          {_boxes_tsviewer}
          </div>
          </div>
      <script type="text/javascript">
      var state = 0;
      var wait = false;
    
      function changeSlider()
      {
        if(state==1){
            $('#login_slider').animate({width: 70 }, "slow", function(){state = 0;}
            );
          }
        else
            $('#login_slider').animate({width: 300 }, "slow", function(){state = 1;}
          );
          }
          $('#login_slider').click(function(){
          changeSlider();
        });
          </script>
    </html>
    {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
    {_list_hmenubegi@<ul>}
    {_list_hmenuende@</ul>}
    {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
    {_list_vmenubegi@<ul>}
    {_list_vmenuende@</ul>}

    Hier noch ein Screenshot...
    gesperrtes Bild

    Danke schonmal für die Hilfe!

    Gruß Outi


    Zuletzt modifiziert von Outi77 am 27.08.2013 - 10:06:04
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  28. #178
    User Pic
    zillo gelöschter User
    poste mal dein LINK damit ich es auch online sehe
    0 Mitglieder finden den Beitrag gut.
  29. #179
    User Pic
    zillo gelöschter User
    Tipp: nutze die Daten außerhalb des ilch ordner /include (iLch)

    zum beispiel ordner login das die daten reinstellen verlinken und dann kannst du den Code in jeden design stellen ohne den code zu verändern.

    <head></head>

    <!-- stylesheets -->
      <link rel="stylesheet" href="http://facecom.funpic.de/login/css/style.css" type="text/css" media="screen" />
    
      <link rel="stylesheet" href="http://facecom.funpic.de/login/css/slide.css" type="text/css" media="screen" />
    
    <!-- PNG FIX for IE6 --><!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 --><!--[if lte IE 6]> <script type="text/javascript" src="http://facecom.funpic.de/login/js/pngfix/supersleight-min.js"></script> <![endif]--><!-- jQuery - the core -->
      <script src="http://facecom.funpic.de/login/js/jquery-1.3.2.min.js" type="text/javascript"></script><!-- Sliding effect -->
      <script src="http://facecom.funpic.de/login/js/slide.js" type="text/javascript"></script>


    <body></body> gleich nach <body>

    <!-- Panel -->
    <div id="toppanel">
    <div id="panel">
    <div class="content clearfix"><br />
    Deine Login Daten kannst aber auch info´s oder apps hier reinstellen
    </div>
    </div>
    </div>
    
    <!-- /login --><!-- The tab on top -->
    <div class="tab">
    <ul class="login"> Kannst Du als Menüleiste nutzen
    
      <li class="left">&nbsp;</li>
    
      <li><blink><a target="_blank" href="http://thedragonflyershop.de.to/">Handy-Shop</a></blink></li>
    
      <li class="sep">|</li>
    
      <li><blink><a target="_blank" href="http://partners.webmasterplan.com/click.asp?ref=628320&amp;site=4617&amp;type=text&amp;tnb=7">Beck-Shop</a></blink></li>
    
      <li class="sep">|</li>
    
      <li><a target="_blank" href="http://singlelove.funpic.de">SingleLove</a></li>
    
      <li class="sep">|</li>
    
      <li><a target="_blank" href="http://singlelove.funpic.de/erotik">Erotik-Treffen</a></li>
    
      <li class="sep">|</li>
    
      <li><a href="?index">Home</a></li>
    
      <li class="sep">|</li>
    
      <li><a href="?forum">Forum</a></li>
    
      <li class="sep">|</li>
    
      <li><a href="?user">Mitglieder</a></li>
    
      <li class="sep">|</li>
    
      <li><a target="_blank" href="http://www.gry.netbus.pl/">Game</a></li>
    
      <li class="sep">|</li>
    
      <li><a target="_blank" href="http://serif.cwsurf.de/us/spielfilm.php">Spielfilme</a></li>
    
      <li class="sep">|</li>
    
      <li><a href="?contact">Kontakt</a></li>
    
      <li class="sep">|</li>
    
      <li><a href="?impressum">Impressum</a></li>
    
      <li class="sep">|</li>
    
      <li id="toggle"> <a id="open" class="open" href="#">Info´s</a><a id="close" style="display: none;" class="close" href="#">Info Schlie&szlig;en</a> </li>
    
      <li class="right">&nbsp;</li>
    
    </ul>
    
    </div>
    
    <!-- / top --><!--panel -->
    0 Mitglieder finden den Beitrag gut.
  30. #180
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    Wäre einen Versuch wert, aber ich glaube wirklich,
    dass es an der index.htm liegt. Denn ich habe es mit dem
    Standard-Design zuerst getestet und danach nur im Design-Ordner
    das Design getauscht.
    Vielleicht ein Konflikt mit dem TS3-Slider? Ich habe keine Ahnung...
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten