ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » png in Fenster auf Startseite

Geschlossen
  1. Fr. 21.03.2014 13:00 Uhr #1
    User Pic
    CaptainJack Mitglied
    Registriert seit
    11.02.2010
    Beiträge
    519
    Beitragswertungen
    2 Beitragspunkte
    Hallo,

    ich möchte auf meiner Seite eine png Datei als eine Art Werbebanner einbinden welche aber nur auf der Startseite angezeigt wird. Dieses soll man auch wieder über einen Button schließen können.

    Meine sowas wie bei LE Graphics oben das Fenster wo "Halle Besucher" steht.

    externer Link

    Das Fenster soll halt nicht die ganze Seite einnehmen und man sollte die einzelnen Menüpunkte wie bei LE noch anwählen können wenn das Fenster offen ist.


    MfG


    verwendete ilch Version: 1.1 P
    0 Mitglieder finden den Beitrag gut.
  2. Fr. 21.03.2014 16:19 Uhr #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.634
    Beitragswertungen
    1193 Beitragspunkte
    Schau dir mal das Popup-Div für neue PN an. Hier ist eine gute Möglichkeit der Umsetzung für diesen Wunsch schon vorhanden.

    check_for_pm_popup() in include/includes/func/forum.php
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  3. Fr. 21.03.2014 16:21 Uhr #3
    User Pic
    Rock@wulf Hall Of Fame
    Registriert seit
    03.06.2004
    Beiträge
    3.282
    Beitragswertungen
    239 Beitragspunkte
    Alternativ könnte man auch die design.ini nutzen
    Meine Postings repräsentieren meine Meinung wenn nicht anders gekennzeichnet.
    MFG Rock@wulf
    0 Mitglieder finden den Beitrag gut.
  4. Fr. 21.03.2014 18:25 Uhr #4
    User Pic
    z3us Mitglied
    Registriert seit
    14.09.2012
    Beiträge
    114
    Beitragswertungen
    10 Beitragspunkte
    Oder Du Registrierst Dich bei LE-Graphics und Downloadest es Dir einfach
    und passt es nach Deinen Bedürfnissen an.

    externer Link


    Zuletzt modifiziert von z3us am 21.03.2014 - 18:26:25
    Meine Clanpage: Funny Gamers
    0 Mitglieder finden den Beitrag gut.
  5. Fr. 21.03.2014 21:46 Uhr #5
    User Pic
    CaptainJack Mitglied
    Registriert seit
    11.02.2010
    Beiträge
    519
    Beitragswertungen
    2 Beitragspunkte
    ZitatZitat geschrieben von z3us
    Oder Du Registrierst Dich bei LE-Graphics und Downloadest es Dir einfach
    und passt es nach Deinen Bedürfnissen an.

    externer Link


    Zuletzt modifiziert von z3us am 21.03.2014 - 18:26:25


    Thx das hat soweit geklappt. Was ich aber jetzt nach gut 1 Std. basteln nicht hinbekommern ist das dass Bild sich hinter den News Slider setzt:

    whv-kicker.de/index.php?news

    Hier mal die index_news.htm 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd"> 
<html>
{_if_{SESSION_AUTHRIGHT}=='0'}<div style="position:absolute;">{_boxes_welcome}</div>{/_endif}
<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/u-17/style.css">
    <link rel="stylesheet" type="text/css" href="include/designs/u-17/aufbau.css">
    <link rel="stylesheet" type="text/css" href="include/designs/u-17/stl.css">
    <!-- Images Uploader -->
	<link href="include/admin/weplay/css/style.css" rel="stylesheet" />
	<!-- Images Uploader -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="include/includes/js/jquery.nivo.slider.pack.js"></script>
	<!-- Add mousewheel plugin (this is optional) -->
	<script type="text/javascript" src="../lib/jquery.mousewheel-3.0.6.pack.js"></script>

	<!-- Add fancyBox main JS and CSS files -->
	<script type="text/javascript" src="include/designs/u-17/lightbox/source/jquery.fancybox.js?v=2.1.5"></script>
	<link rel="stylesheet" type="text/css" href="include/designs/u-17/lightbox/source/jquery.fancybox.css?v=2.1.5" media="screen" />

	<!-- Add Button helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="include/designs/u-17/lightbox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
	<script type="text/javascript" src="../source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>

	<!-- Add Thumbnail helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="include/designs/u-17/lightbox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
	<script type="text/javascript" src="../source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

	<!-- Add Media helper (this is optional) -->
	<script type="text/javascript" src="include/designs/u-17/lightbox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
<link rel="stylesheet" type="text/css" href="include/includes/css/nivo-slider.css" media="screen" />
<script type="text/javascript">
		$(document).ready(function() {
			/*
			 *  Simple image gallery. Uses default settings
			 */

			$('.fancybox').fancybox();

			/*
			 *  Different effects
			 */

			// Change title type, overlay closing speed
			$(".fancybox-effects-a").fancybox({
				helpers: {
					title : {
						type : 'outside'
					},
					overlay : {
						speedOut : 0
					}
				}
			});

			// Disable opening and closing animations, change title type
			$(".fancybox-effects-b").fancybox({
				openEffect  : 'none',
				closeEffect	: 'none',

				helpers : {
					title : {
						type : 'over'
					}
				}
			});

			// Set custom style, close if clicked, change title type and overlay color
			$(".fancybox-effects-c").fancybox({
				wrapCSS    : 'fancybox-custom',
				closeClick : true,

				openEffect : 'none',

				helpers : {
					title : {
						type : 'inside'
					},
					overlay : {
						css : {
							'background' : 'rgba(238,238,238,0.85)'
						}
					}
				}
			});

			// Remove padding, set opening and closing animations, close if clicked and disable overlay
			$(".fancybox-effects-d").fancybox({
				padding: 0,

				openEffect : 'elastic',
				openSpeed  : 150,

				closeEffect : 'elastic',
				closeSpeed  : 150,

				closeClick : true,

				helpers : {
					overlay : null
				}
			});

			/*
			 *  Button helper. Disable animations, hide close button, change title type and content
			 */

			$('.fancybox-buttons').fancybox({
				openEffect  : 'none',
				closeEffect : 'none',

				prevEffect : 'none',
				nextEffect : 'none',

				closeBtn  : false,

				helpers : {
					title : {
						type : 'inside'
					},
					buttons	: {}
				},

				afterLoad : function() {
					this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
				}
			});


			/*
			 *  Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
			 */

			$('.fancybox-thumbs').fancybox({
				prevEffect : 'none',
				nextEffect : 'none',

				closeBtn  : false,
				arrows    : false,
				nextClick : true,

				helpers : {
					thumbs : {
						width  : 50,
						height : 50
					}
				}
			});

			/*
			 *  Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
			*/
			$('.fancybox-media')
				.attr('rel', 'media-gallery')
				.fancybox({
					openEffect : 'none',
					closeEffect : 'none',
					prevEffect : 'none',
					nextEffect : 'none',

					arrows : false,
					helpers : {
						media : {},
						buttons : {}
					}
				});

			/*
			 *  Open manually
			 */

			$("#fancybox-manual-a").click(function() {
				$.fancybox.open('1_b.jpg');
			});

			$("#fancybox-manual-b").click(function() {
				$.fancybox.open({
					href : 'iframe.html',
					type : 'iframe',
					padding : 5
				});
			});

			$("#fancybox-manual-c").click(function() {
				$.fancybox.open([
					{
						href : '1_b.jpg',
						title : 'My title'
					}, {
						href : '2_b.jpg',
						title : '2nd title'
					}, {
						href : '3_b.jpg'
					}
				], {
					helpers : {
						thumbs : {
							width: 75,
							height: 50
						}
					}
				});
			});


		});
	</script>
<style>
		div#page {
			
		}
		
		.back-to-top {
			position: fixed;
			bottom: 2em;
			right: 0px;
			text-decoration: none;
			color: #000000;
			font-size: 12px;
			padding: 1em;
			display: none;
		}

		.back-to-top:hover {	
		}	
	</style>
   
</head>

<body>
<!--HEADBAR -->
<div id="headbar">
	<div id="headbarcon">
    	<div id="headbarlinks"><a href="http://svwilhelmshaven.de/" target="_blank">
<img width="122" height="30" border="0" onmouseout="this.src='/include/designs/u-17/images/button/headbar/button1.png'" onmouseover="this.src='/include/designs/u-17/images/button/headbar/button1-hover.png'" src="/include/designs/u-17/images/button/headbar/button1.png"></a><a href="http://www.youtube.com/channel/UCO9RgZqlrLlKMNQuGNXwkyg?feature=watch" target="_blank"><img width="64" height="30" border="0" onmouseout="this.src='/include/designs/u-17/images/button/headbar/button2.png'" onmouseover="this.src='/include/designs/u-17/images/button/headbar/button2-hover.png'" src="/include/designs/u-17/images/button/headbar/button2.png"></a></div>
        <div id="headbarplatzhalter"></div>
    </div>
</div>
<!--HEADBAR ENDE -->
<!-- HOMEPAGE -->
<div id="wrap">
	<div id="header"></div>
    <div id="menubar">{_boxes_u-17-hmenu}</div>
    <div id="content">
    	<div id="con-left">
        	<div id="sliderbg">
        		<div class="headueberschrift">Presse NEWS</div>
            	<div id="sliderbox">{_boxes_pa_nivoslider}</div>
        	</div>
            <div id="sliderbgklein">
        		<div class="headueberschrift">Portraits SVW-U-17 Saison 2013/2014</div>
            	<div id="sliderboxklein">{_boxes_u-17-kader}</div>
        	</div>
            <div id="conhead" class="conhead" >Informations Panel</div>
            <div id="con">{EXPLODE}</div>
            <div id="confoot"></div>
            <div id="sliderbgklein2">
        		<div class="headueberschrift">Videos / Interviews</div>
            	<div id="sliderboxklein2">{_boxes_u-17-youtube}</div>
        	</div>
        </div>
        <div id="con-right">
        	<div id="menuheader" class="headueberschrift">Termine & Events</div>
            <div id="menumiddle" style="height:261px;">{_boxes_u-17-termin}</div>
            <div id="menufooter"></div>
            <div id="box_rechts_umriss">
            	{_list_menunr1@
            	  <div id="menuheader" class="headueberschrift">%1</div>
            	<div id="menumiddle">%2</div>
            	<div id="menufooter"></div>
                }
        </div>
        </div>
    </div>
    <div id="platzhalter"></div>
</div>
<!-- HOMEPAGE ENDE -->

<div id="footerbar">
	<div id="footer">
    	<div id="fmenu">{_boxes_u-17-fmenu}</div>
        <div id="findus">{_boxes_u-17-findus}</div>
        <div id="newsletter">{_boxes_newsletter}</div>
      <div id="copyright" class="designfontsmall">
        	&copy; Copyright by: <a href="http://whv-kicker.de/" target="_blank">www.whv-kicker.de</a> | Design by: <a href="https://www.facebook.com/andreas.risse2" target="_blank">Andreas Risse</a> | Code by: <a href="https://www.lastchaos-arts.de" target="_blank">www.LastChaos-Arts.de</a> | Script by: <a href="http://www.ilch.de" target="_blank">ilch</a></div>
    </div>			<a href="#" class="back-to-top"><img src="include/designs/u-17/images/up.png" width="50" height="50" border="0" /></a>
     <script>            
			jQuery(document).ready(function() {
				var offset = 220;
				var duration = 500;
				jQuery(window).scroll(function() {
					if (jQuery(this).scrollTop() > offset) {
						jQuery('.back-to-top').fadeIn(duration);
					} else {
						jQuery('.back-to-top').fadeOut(duration);
					}
				});
				
				jQuery('.back-to-top').click(function(event) {
					event.preventDefault();
					jQuery('html, body').animate({scrollTop: 0}, duration);
					return false;
				})
			});
		</script>

</div>
<div  class="right-01">
      <a href="index.php?contact"><img width="40" height="178" src="include/designs/u-17/images/bewerben.png" /></a>
</div>
 <div class="right-02">
      <a href="http://www.pro-fsj.de/" target="_blank"><img width="125" height="96" src="include/designs/u-17/images/fsj.png" /></a>
</div>
<div class="right-03">
      <a href="http://www.linda.de/" target="_blank"><img width="125" height="96" src="include/designs/u-17/images/linda.png" /></a>
</div>
<div class="right-04">
      <a href="http://lastchaos-arts.de" target="_blank"><img src="http://lastchaos-arts.de/include/images/linkus/lca.png" border="0" ></a>
</div>
</body>
</html>



         <!--
					{_list_DDDmenupoint@
					  <strong><big>&middot;</big></strong>
            <a %1 class="box" href="%2">%3</a>
            <br />
					}
          //-->
          
          <!-- beispiel:
            [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>}


    Könnte man das rote x durch den Text schließen ersetzen?


    Grüße
    0 Mitglieder finden den Beitrag gut.
  6. Fr. 21.03.2014 23:51 Uhr #6
    User Pic
    z3us Mitglied
    Registriert seit
    14.09.2012
    Beiträge
    114
    Beitragswertungen
    10 Beitragspunkte
    Also in der index.htm , in der Du den code Eingefügt hast, wirst Du es nicht hinbekommen.

    Öffne die welcome.htm von dem Script das Du gedownloadet hast.
    Dort steht in Zeile (bei mir) 12 das hier: 

        <a href="javascript:closeWelcome()"><img style="float:left; border: 0" src="include/images/icons/del.gif" alt="schliessen" title="schliessen"></a><p>


    Ersetze diese Zeile mit der Folgenden: 

    <a href="javascript:closeWelcome()"><div style="text-align:left;">Schließen</div></a>


    Nun sollte anstatt dem Roten x , "Schließen" da stehen.

    Noch was.
    Ersetze mal Zeile 6 

    	<div id="closeWelcome" style="position:absolute;top:30px; left:230px; display:inline; width:220px;">


    mit der hier 

    	<div id="closeWelcome" style="position:absolute;top:30px; left:230px; display:inline; width:220px; z-index:1001;">


    Ich habe am ende des codes, z-index:1001; eingefügt.
    Somit sollte der Banner nicht vom Slider verdeckt werden.

    Ich Hoffe, ich konnte Dir soweit Helfen.
    Meine Clanpage: Funny Gamers
    1 Mitglieder finden den Beitrag gut.
  7. Sa. 22.03.2014 00:14 Uhr #7
    User Pic
    CaptainJack Mitglied
    Registriert seit
    11.02.2010
    Beiträge
    519
    Beitragswertungen
    2 Beitragspunkte
    Danke Zeus jetzt ist es top :-)
    1 Mitglieder finden den Beitrag gut.
  8. Sa. 22.03.2014 02:19 Uhr #8
    User Pic
    z3us Mitglied
    Registriert seit
    14.09.2012
    Beiträge
    114
    Beitragswertungen
    10 Beitragspunkte
    Schön das alles geklappt hat, immer wieder gerne ;-)


    Zuletzt modifiziert von z3us am 22.03.2014 - 02:19:29
    Meine Clanpage: Funny Gamers
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten