joomla - dim lights

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

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

Απάντηση
invader7
Δημοσιεύσεις: 78
Εγγραφή: 24 Ιαν 2009 22:02

joomla - dim lights

Δημοσίευση από invader7 » 30 Ιαν 2012 07:39

Έχω ένα template της joomla και θέλω να προσθέσω ένα "εφέ" που βρήκα , το γνωστό dim lights που σκοτεινιάζει την οθόνη στα σημεία που θές. Βρήκα τον κώδικα και το έκανα να δουλεύει σε ένα "ξερό" html αρχείο με τον εξής τρόπο :¨

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

<style type="text/css">

	#lights &#123;
		position&#58;relative;
		z-index&#58;500;
	&#125;
	
	object &#123;
		outline&#58;none;
	&#125;
	
	#fade &#123;
		display&#58; none;
		background&#58; #000; 
		position&#58; fixed; left&#58; 0; top&#58; 0; 
		width&#58; 100%; height&#58; 100%;
		opacity&#58; .90;
		z-index&#58;100;
	&#125;
</style>

<div id="lights"></div> αυτό εμφανίζει το κουμπάκι για ενεργοποίηση και απενεργοποίηση
είναι ένα μέρος του κώδικα μου και δουλεύει σωστά. όταν το εφαρμόζω στην joomla , δουλεύει όταν πατάω το κουμπί , αλλά το μαύρο πλαίσιο που εμφανίζεται "σκεπάζει" και το κουμπί με αποτέλεσμα να μην μπορώ στην συνέχεια να απενεργοποιήσω το "εφέ". Δοκίμασα να παίξω με μεγάλο z-index στο lights , αλλά δεν έχει αποτέλεσμα... καμιά ιδέα ;; ευχαριστώ

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

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

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