[MOD] Dock Menu On Forum Header {phpBB}

Μια περιοχή για το phpBB, την δημοφιλή δωρεάν πλατφόρμα για forums

Συντονιστές: WebDev Moderators, Super-Moderators, PHP Moderators

Απάντηση
Άβαταρ μέλους
SoUpEr_PiLaS
Δημοσιεύσεις: 428
Εγγραφή: 07 Δεκ 2007 22:37
Τοποθεσία: Αθήνα, Νίκαια
Επικοινωνία:

[MOD] Dock Menu On Forum Header {phpBB}

Δημοσίευση από SoUpEr_PiLaS » 16 Φεβ 2010 23:48

Πολλοί με ρωτάνε πως έβαλα στο φόρουμ μου dock menu χωρίς να έχω πόρταλ.
Είπα λοιπόν να φτιάξω αυτό το "mod" για να βοηθήσω στην εισαγωγή ενός Css Dock Menu
στο Forum Header σας. Ελπίζω να σας αρέσει..... Καλή επιτυχία!


Demo εδώ!!!


Αλλαγές για το prosilver:

Άνοιξε το: root/styles/prosilver/template/overall_header.html
Βρες:

Κώδικας: Επιλογή όλων

</head>
Πριν πρόσθεσε (Before Add):

Κώδικας: Επιλογή όλων

<script type="text/javascript" src="images/dock/js/jquery.js"></script>
<script type="text/javascript" src="images/dock/js/interface.js"></script>

<link href="images/dock/style.css" rel="stylesheet" type="text/css" />

<!--&#91;if lt IE 7&#93;>
 <style type="text/css">
 .dock img &#123; behavior&#58; url&#40;iepngfix.htc&#41; &#125;
 </style>
<!&#91;endif&#93;-->
Βρες το:

Κώδικας: Επιλογή όλων

			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->
Μετά πρόσθεσε:

Κώδικας: Επιλογή όλων

	<div class="dock" id="dock">
  <div class="dock-container">
	  <a class="dock-item" href="#"><img src="images/dock/home.png" alt="home" /><span>Home</span></a> 
	  <a class="dock-item" href="#"><img src="images/dock/email.png" alt="contact" /><span>Contact</span></a> 
	  <a class="dock-item" href="#"><img src="images/dock/portfolio.png" alt="portfolio" /><span>Portfolio</span></a> 
	  <a class="dock-item" href="#"><img src="images/dock/music.png" alt="music" /><span>Music</span></a> 
	  <a class="dock-item" href="#"><img src="images/dock/video.png" alt="video" /><span>Video</span></a> 
	  <a class="dock-item" href="#"><img src="images/dock/history.png" alt="history" /><span>History</span></a> 
	  <a class="dock-item" href="#"><img src="images/dock/calendar.png" alt="calendar" /><span>Calendar</span></a> 
	  <a class="dock-item" href="#"><img src="images/dock/rss.png" alt="rss" /><span>RSS</span></a>
	  <a class="dock-item" href="#"><img src="images/dock/rss2.png" alt="rss" /><span>RSS2</span></a>
  </div> 
</div>
<!--dock menu JS options -->
<script type="text/javascript">
	
	$&#40;document&#41;.ready&#40;
		function&#40;&#41;
		&#123;
			$&#40;'#dock'&#41;.Fisheye&#40;
				&#123;
					maxWidth&#58; 50,
					items&#58; 'a',
					itemsText&#58; 'span',
					container&#58; '.dock-container',
					itemWidth&#58; 40,
					proximity&#58; 90,
					halign &#58; 'center'
				&#125;
			&#41;
			$&#40;'#dock2'&#41;.Fisheye&#40;
				&#123;
					maxWidth&#58; 60,
					items&#58; 'a',
					itemsText&#58; 'span',
					container&#58; '.dock-container2',
					itemWidth&#58; 40,
					proximity&#58; 80,
					alignment &#58; 'left',
					valign&#58; 'bottom',
					halign &#58; 'center'
				&#125;
			&#41;
		&#125;
	&#41;;

</script>
Αλλαγές για το Black Pearl style!


Άνοιξε το: root/styles/Black_Pearl/template/overall_header.html

Βρες:

Κώδικας: Επιλογή όλων

</head>
Πριν πρόσθεσε:

Κώδικας: Επιλογή όλων

    <script type="text/javascript" src="images/dock/js/jquery.js"></script>
    <script type="text/javascript" src="images/dock/js/interface.js"></script>

    <link href="images/dock/style.css" rel="stylesheet" type="text/css" />

    <!--&#91;if lt IE 7&#93;>
    <style type="text/css">
    .dock img &#123; behavior&#58; url&#40;iepngfix.htc&#41; &#125;
    </style>
    <!&#91;endif&#93;-->
Βρες:

Κώδικας: Επιλογή όλων

<!-- IF S_USER_PM_POPUP and S_NEW_PM -->
<div style="margin-top&#58;50px;margin-bottom&#58;50px;text-align&#58;center;clear&#58;both;"><div class="popuppm-new"><a href="&#123;U_PRIVATEMSGS&#125;">&#123;PRIVATE_MESSAGE_INFO&#125;</a></div></div>
<!-- ENDIF -->
Μετά πρόσθεσε:

Κώδικας: Επιλογή όλων

       <div class="dock" id="dock">
      <div class="dock-container">
         <a class="dock-item" href="#"><img src="images/dock/home.png" alt="home" /><span>Home</span></a>
         <a class="dock-item" href="#"><img src="images/dock/email.png" alt="contact" /><span>Contact</span></a>
         <a class="dock-item" href="#"><img src="images/dock/portfolio.png" alt="portfolio" /><span>Portfolio</span></a>
         <a class="dock-item" href="#"><img src="images/dock/music.png" alt="music" /><span>Music</span></a>
         <a class="dock-item" href="#"><img src="images/dock/video.png" alt="video" /><span>Video</span></a>
         <a class="dock-item" href="#"><img src="images/dock/history.png" alt="history" /><span>History</span></a>
         <a class="dock-item" href="#"><img src="images/dock/calendar.png" alt="calendar" /><span>Calendar</span></a>
         <a class="dock-item" href="#"><img src="images/dock/rss.png" alt="rss" /><span>RSS</span></a>
         <a class="dock-item" href="#"><img src="images/dock/rss2.png" alt="rss" /><span>RSS2</span></a>
      </div>
    </div>
    <!--dock menu JS options -->
    <script type="text/javascript">
       
       $&#40;document&#41;.ready&#40;
          function&#40;&#41;
          &#123;
             $&#40;'#dock'&#41;.Fisheye&#40;
                &#123;
                   maxWidth&#58; 50,
                   items&#58; 'a',
                   itemsText&#58; 'span',
                   container&#58; '.dock-container',
                   itemWidth&#58; 40,
                   proximity&#58; 90,
                   halign &#58; 'center'
                &#125;
             &#41;
             $&#40;'#dock2'&#41;.Fisheye&#40;
                &#123;
                   maxWidth&#58; 60,
                   items&#58; 'a',
                   itemsText&#58; 'span',
                   container&#58; '.dock-container2',
                   itemWidth&#58; 40,
                   proximity&#58; 80,
                   alignment &#58; 'left',
                   valign&#58; 'bottom',
                   halign &#58; 'center'
                &#125;
             &#41;
          &#125;
       &#41;;

    </script>

Άνοιξε:
root/images/dock/style.css

Βρες:

Κώδικας: Επιλογή όλων

a.dock-item &#123;
	display&#58; block;
	width&#58; 40px;
	color&#58; #000;
	position&#58; absolute;
	top&#58; 0px;
	text-align&#58; center;
	text-decoration&#58; none;
	font&#58; bold 12px Arial, Helvetica, sans-serif;
&#125;
Αντικατέστησε με:

Κώδικας: Επιλογή όλων

a.dock-item &#123;
	display&#58; block;
	width&#58; 40px;
	color&#58; #FFFFFF;
	position&#58; absolute;
	top&#58; 0px;
	text-align&#58; center;
	text-decoration&#58; none;
	font&#58; bold 12px Arial, Helvetica, sans-serif;
&#125;
Συνημμένα
dock_menu_mod_1.0.0.rar
(226.25 KiB) Μεταφορτώθηκε 537 φορές
Εικόνα

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

[MOD] Dock Menu On Forum Header {phpBB}

Δημοσίευση από Basilakis » 16 Φεβ 2010 23:54

Go pillas go!

phpBB still alive! :P

Άβαταρ μέλους
SoUpEr_PiLaS
Δημοσιεύσεις: 428
Εγγραφή: 07 Δεκ 2007 22:37
Τοποθεσία: Αθήνα, Νίκαια
Επικοινωνία:

[MOD] Dock Menu On Forum Header {phpBB}

Δημοσίευση από SoUpEr_PiLaS » 17 Φεβ 2010 00:01

Το phpBB έχει την δύναμη θα έλεγα εγώ....! Απλά το ξεχνάμε! Στο εξωτερικό είχε επιτυχία. Για να δούμε και εδώ!!! Thanks :D
Εικόνα

Άβαταρ μέλους
inFamous
Δημοσιεύσεις: 388
Εγγραφή: 07 Φεβ 2010 12:38
Επικοινωνία:

[MOD] Dock Menu On Forum Header {phpBB}

Δημοσίευση από inFamous » 17 Φεβ 2010 00:11

SoUpEr_PiLaS έγραψε:Το phpBB έχει την δύναμη θα έλεγα εγώ....! Απλά το ξεχνάμε!

Μωρέ με το **** δεν το ξεχνάμε :-P
Εικόνα

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

[MOD] Dock Menu On Forum Header {phpBB}

Δημοσίευση από Basilakis » 17 Φεβ 2010 00:38

Απαγορεύεται η αναφορά σε τέτοια forums.

Άβαταρ μέλους
inFamous
Δημοσιεύσεις: 388
Εγγραφή: 07 Φεβ 2010 12:38
Επικοινωνία:

[MOD] Dock Menu On Forum Header {phpBB}

Δημοσίευση από inFamous » 17 Φεβ 2010 00:53

Basilakis έγραψε:Απαγορεύεται η αναφορά σε τέτοια forums.

ααα οκ συγνώμη :-)
Εικόνα

Απάντηση

Επιστροφή στο “phpBB”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης