Active και current items εμφανίζονται το ίδιο

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

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

Απάντηση
artonweb
Δημοσιεύσεις: 73
Εγγραφή: 24 Ιούλ 2011 20:00
Επικοινωνία:

Active και current items εμφανίζονται το ίδιο

Δημοσίευση από artonweb » 24 Οκτ 2011 14:59

Παιδιά καλημέρα.
Στο site http://sakofx.tk πατώντας ένα οποιοδήποτε στοιχείο του "MANAGE ACOOUNTS" φαίνονται ότι είναι όλα ενεργοποιημένα.
Πως μπορώ να το διορθώσω;

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

/****************************************************
#####################################################
##-------------------------------------------------##
##           ANTESATE2- Version 2.0.0              ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2010            ##
## Date      = decembre 2010                       ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
##                                                 ##
#####################################################
****************************************************/

html {
height: 100%;

}

body{
margin:0;
padding:0;
text-align:center;
background:#e9e9e9 url(../images/antes_bg.jpg) top center repeat-y;
font-size:10px;
color:#474747;
font-family:tahoma,arial , sans-serif;
font-weight:normal;

}

/*texte*/
p {
font-size: 100%;

}

h1 {
font-size: 200%;

}

h2 {
font-size: 150%;

}

h3 {
font-size: 125%;

}

h4, h5, h6 {
font-size: 100%;

}

/* liens hypertextes*/ 
a:link, a:visited {
text-decoration:none;
color:#000000;
font-weight:bold;

}

a:hover {
color:#8a9b93;

}

/*listes a puces*/
ul {

}

li {
list-style-type:square;
background:transparent;
padding:0;
margin: 4px;

}

/*image*/
img {
border:none;
margin:3px 5px;
padding:0;

}

img .caption {
text-align: left;

}

.highlight{
background:#252525;
padding: 0px 2px 0px 2px;
color:#ffffff;

}

.button {
background:#252525;
border:none;
color:#ffffff;
font-weight:bold;
padding:4px;

}

.inputbox {
color:#252525;
background:#e9e9e9;
border:none;
padding:4px;
font-weight:bold;

}

.pagewidth{
width:1000px;
text-align:left;
background:transparent;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;

}

fieldset {
margin:5px;
padding:5px;

}

/********************************************/
/*** ********header  ************************/
/*******************************************/

#header {
float:left;
width:900px;
height:140px;
background:transparent;
margin:0 0 0 60px ;

}

#header_sitename {
float:left;
margin-top:30px;
width:244px;
height:86px;

}

#header_slogan {
float:left;
margin-top:70px;
margin-left:65px;
width:376px;
height:27px;

}

/*** ********search  *************/

#search_form {
float:right;
width:155px;
height:26px;
margin-top:10px ;
padding:0 ;

}

 #search_form .inputbox {
float:left;
width:142px;
height:20px;
background:transparent;
border:none;
margin:0px 0px 0 30px;
padding:6px 0 0 0 ;
font-size:8px;

}

/********************************************/
/*** ********topmenu ************************/
/*******************************************/

#topmenu {
float:left;
width:1000px;
height:75px;
background: url(../images/antes_bg_menutop.png) top center no-repeat;
margin:0  ;
padding:0 ;

} 

#navigation {
height: 42px;
width:900px;
float:left;
text-transform: uppercase;
margin-left:60px;

}

#navigation a {
display: block;
float: left;
height: 42px;
line-height: 40px;
padding: 0 20px;
font-weight:bold;
color:#010101;
font-size:17px;
font-weight:bold;

}

#navigation  a:hover{
color: #8a9b93;

}

#navigation ul {
list-style: none;
margin: 0 0 0 0px ;
padding: 15px 0 0 0px;

}

#navigation li {
display: block;
float: left;
margin:0 ;
margin-right: 0px;
padding: 0 ;

}

#navigation li li a {
font-size: 12px;
padding: 0 15px;
margin:  0;
color:#372f22;

}

#navigation li li {
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;

}

#navigation li.active {
background:transparent;
height:42px;

}
#navigation li.active span {
background:transparent;
height:42px;

}
#navigation li.active a {
color: #a9b6b0;
background:transparent;
height:42px;

}

.nav, .nav * {
margin: 0;
padding:0;
}

div#navigation {  
position: relative;
z-index: 50;
}

#navigation li li {
margin:  0;
}

div#navigation li li span,
div#navigation li.active li span,
div#navigation  li:hover li span {
background:none;

}

.nav {
line-height:1.0;
float:left;
margin-bottom:1.5em;
position: relative;

}

.nav ul {
background:#f6f6f6; 
padding: 0;
margin-top:8px !important;

}

.nav li {
float:left;
list-style:none;
position:relative;
background:none;

}

.nav li li a {
display:block;
padding: 0;
text-decoration:none;
background-image: none;
float:none;
width:200px;

}

div#navigation li li a {
height: 30px;
line-height: 30px;

}

div#navigation li:hover li,
div#navigation li.sfHover li,
div#navigation li.active:hover li,
div#navigation li.active.sfHover li,
div#navigation li:hover li span,
div#navigation li.sfHover li span {
background-image: none;

}

div#navigation li:hover li a,
div#navigation li.sfHover li a,
div#navigation li.active:hover li a,
div#navigation li.active.sfHover li a {
background-image: none;

}

.nav li ul {
float:none;
left:-999em;
position:absolute;
width: 200px;
z-index: 5;
border-left: 0px solid #bd693a;
border-right: 0px solid #bd693a;
border-bottom: 0px solid #bd693a;

}

.nav li:hover ul,
.nav li.sfHover ul {
left:0px;
top: 22px;

}

.nav li:hover li ul,
.nav li.sfHover li ul,
.nav li li:hover li ul,
.nav li li.sfHover li ul,
.nav li li li:hover li ul,
.nav li li li.sfHover li ul {
top:-999em;

}

.nav li li:hover ul,
.nav li li.sfHover ul,
.nav li li li:hover ul,
.nav li li li.sfHover ul,
.nav li li li li:hover ul,
.nav li li li li.sfHover ul {
left: 200px;
top:0px;
width: 200px;

}

.nav li li {
position: relative;
float:none;
width: 200px;

}

/* slideshow gallery */
#slideshow-wrapper {
float:left;
width:860px;
height:400px !important;
background:transparent;
margin: 20px 0 10px 50px;
position:relative;
z-index:1;

}

#slideshow{
float:left;
width:860px;
height:400px !important;
background:transparent;
position:relative;
z-index:1;

}

.slideshowlite {
width: 850px;
height: 347px;
background:transparent;
padding:4px 0px 0px 0px;

}

.slideshowlite a {
position:absolute;
left:0;
z-index: 5;
text-align:left;

}

.slideshowlite img {
border: 2px solid #e9e9e9;
height: 100%;
width: 100%;
margin:0 0 0 30px;

}

/* pagination control*/
.slideshowlite ul,
.slideshowlite ol {
position: absolute;
margin-top: 365px;
right:25px !important;
z-index: 3; 
list-style-type:none ;

}

.slideshowlite ul li,
.slideshowlite ol li {
float: left;
width: 12px;
padding: 0 10px ;
list-style-type:none ;

}

.slideshowlite ul li a {
background:#e9e9e9;
position: relative;
display: block;
width: 20px;
height: 20px;
float: left;
text-decoration: none;
text-align: center !important;
font-size: 13px;
font-weight: bold;
color: #968988 !important;


}

.slideshowlite ul li a.current {
color: #fff !important;
list-style-type:none;
background:#000000;

}

.slideshowlite ul li a:hover {
color: #fff !important;
list-style-type:none;
background:#000000;

}

.slideshowlite ol {
display: none;

}

/********************************************/
/*** ********BLOCK ************************  /
/*******************************************/

#antes_wrap {
float:left;
background: url(../images/antes_bgblock.jpg) 0 100% repeat-x;
margin:0 0 0 32px;
width:940px;
height:55px;
margin-bottom:20px;

}

#pathway {
float:left;
width:100%;
height:20px;
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
background: url(../images/antes_bgblock.jpg) 100% 0 repeat-x;

}

#pathway .pos {
margin:20px 30px 0 48px;
padding:0;

}

#antes_b {
float:left;
width:860px;
height:300px;
background:transparent;
margin:30px 0 0 38px;

}

#antes_b1, 
#antes_b2,
#antes_b3  {
float:left;
width:280px;
height:250px ;
background:transparent;
margin: 0 ;

}

#antes_b1 .moduletable  , 
#antes_b2 .moduletable ,
#antes_b3 .moduletable ,
#antes_b1 .moduletable_menu, 
#antes_b2 .moduletable_menu ,
#antes_b3 .moduletable_menu {
padding:5px 15px;
background:transparent;
text-align:justify;
border:none;

}

.sep {
float:left;
width:10px;
height:150px;
background: url(../images/antes_sep.jpg) 0 0 no-repeat;
margin-top:15px;

}

a.readmore:link, 
a.readmore:visited ,
a.readon:link,
a.readon:visited  {
float:right;
background: url(../images/antes_readmore.jpg) 0 8px no-repeat;
padding:3px 10px;
font-size:11px;
margin: 0;

}


/********************************************/
/*** **********MAIN************************  /
/*******************************************/

#antes_main {
float:left;
width:860px;
background:transparent;
margin:10px 0 0 71px;

}

#main {
float:left;
width:440px;
background:transparent;

}

#main-mid {
float:left;
width:650px;
background:transparent;

}

#main-full {
float:left;
width:100%;
background:transparent;

}

table.contentpaneopen {
padding:0 15px 0 0;
text-align:justify;
line-height:16px;
width:100%;

}

.contentheading ,
.componentheading, 
a.contentpagetitle {
color:#000000;
font-weight: bold;
text-align: left;
margin:0;
padding: 0;
background:transparent;
font-size: 18px;

}

a.contentpagetitle:hover,
a.contentpagetitle:active {
color: #a9b6b0;

}

td .contentdescription {
margin:5px;

}

.small {
padding:0;

}

span.small {
padding:0;

}

.modifydate {
color:#8a9b93;
vertical-align: bottom;
font-size: .90em;
color: #fff;
font-weight: normal;
text-align: left;

}

.createdate {
vertical-align: top;
font-size: .90em;
font-weight: normal;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px;
color:#8a9b93;

}

span.pagenav, a.pagenav {
font-size: 12px;
font-weight: bold;
line-height: 14px;
padding: 0 3px ;
text-align: center;
margin-top:15px;

}

span.pagenav {
margin-top:10px;

}

a.pagenav:link, a.pagenav:visited {
color:#8a9b93;

}

a.pagenav:hover {
color:#8a9b93;
background:#252525;

}

.blog_more strong {
font-size: 16px;

}

.blog_more li {
font-size: 12px;
font-weight:normal;

}

.article_separator {
clear: both;
display: block;
height: 25px;

}

span.article_separator {
width:100%;
display: block;
height: 10px;

}

.article_column {
padding: 5px;

}

.column_separator {
padding: 10px;

}

table.contenttoc {
margin: 5px;
border: 1px solid #372f22;
padding: 5px;
float: right;

}

table.contenttoc td {
padding: 0 5px;

}

/* content tables */
td .sectiontableheader {

}

.sectiontableheader {
background:#261d0f;
color: #ffffff;
font-weight: bold;
padding: 4px 8px;
margin-top:20px;

}

td .contentdescription {
padding:10px 0 !important;

}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:active,
.sectiontableheader a:focus {
color:#ffffff;

}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 4px;

}

tr.sectiontableentry2 td {
background:transparent;

}

table.searchintro {
padding: 10px 0;
width: 100%;

}

table.searchintro td {
padding: 5px!important;

}

/****calendar***/
td .calendar {
display:block ;
margin:0 ;
padding:2px 0 0 0 ;
background: url(..//images/antes_calendar.jpg) 0 0 no-repeat;
width:40px ;
height:40px;
font-size:14px;
text-align:center;

}

.calendar .day {
color: #f9f4f4;
font-weight:bold;
margin: 0;
padding: 0;
font-size:14px;
background:transparent;
width:40px ;
font-weight: bold;


}

.calendar .month {
color: #f9f4f4;
font-weight: bold;
margin: 0;
padding:0 ;
font-size:14px;
background:transparent;
width:40px ;

}

.contentinfo {
margin: 3px 0px 0px 0px;
padding: 2px 0;
background:#f6f6f6;
border-top:1px solid #e8e1e1;
border-bottom:1px solid #efe9eb;
width:100%;

}

/********************************************/
/*** **********BLOCK LEFT/RIGHT***********  /
/*******************************************/
#colonnewrap {
float:right;
width:420px;
background: url(../images/antes_sep.jpg) top CENTER repeat-y;
margin-top:4px;

}

#colonnewrap-mid {
float:right;
width:200px;
background: url(../images/antes_sep.jpg) 0 0 repeat-y;
margin-top:10px;

}

#colonnewrap-full {
display:none;

}

/*columns*/
#col1,#col2{
float: left;
width: 210px;

}

#col1 .element ,#col2 .element {
padding: 0 10px;

}


div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3 {
font-size: 140%;
margin: 0 10px 0 5px;
color: #a9b6b0;
font-variant: small-caps;
background: transparent;

}

div.moduletable,
div.moduletable_menu,
div.moduletable_text {
margin: 9px 0 0 0;
padding: 0 2px 15px 20px;
border-bottom: 1px dotted #ccc; 
background:transparent;

}

div.moduletable ul,
div.moduletable_menu ul,
div.moduletable_text ul {
margin-left:0px;
padding-left:20px;

}


/*publicité*/
div.bannergroup_text div.banneritem_text {
border-bottom: 1px dotted #ccc; 
padding: 5px 0;
 
}

div.bannergroup_text div.banneritem_text a {
font-weight: bold; 
 
}

div.bannergroup_text div.bannerheader,
div.bannergroup_text div.bannerfooter_text a {
color: #999; font-size: 92%; 
 
}

div.bannergroup_text div.bannerfooter_text {
padding: 5px 0 0;
text-align: right; 

}

div.bannergroup {
margin-bottom: 10px;

}

/********************************************/
/*** **********MAIN************************  /
/*******************************************/

#footer {
float:left;
width:940px;
height:263px;
background: url(../images/antes_footer.jpg) 0 0 no-repeat;
margin:15px 0 0 31px;

}

#footer_box1 .f-element ,
#footer_box2 .f-element,
#footer_box3 .f-element {
padding:15px 8px 5px 8px;
height:240px;
overflow:hidden;

}

#footer_box1{
float:left;
width:260px;
height:255px;
background: transparent;
margin:0;

}

#footer_box2 {
float:left;
width:275px;
height:255px;
background:transparent;
margin:0;

}

#footer_box3 {
float:left;
width:405px;
height:255px;
background:transparent;
margin:0;

}

#footer_box1 div.moduletable,
#footer_box2 div.moduletable,
#footer_box3 div.moduletable,
#footer_box1 div.moduletable_menu,
#footer_box2 div.moduletable_menu,
#footer_box3 div.moduletable_menu,
#footer_box1 div.moduletable_text ,
#footer_box2 div.moduletable_text,
#footer_box3 div.moduletable_text {
border:none; 

}

#footer_box1 div.moduletable li,
#footer_box2 div.moduletable li,
#footer_box3 div.moduletable li,
#footer_box1 div.moduletable_menu li,
#footer_box2 div.moduletable_menu li,
#footer_box3 div.moduletable_menu li,
#footer_box1 div.moduletable_text li ,
#footer_box2 div.moduletable_text li,
#footer_box3 div.moduletable_text li{
padding-bottom:5px;

}


#footer_bottom {
float:left;
width:940px;
height:50px;
background:#e6e6e6 ;
margin:1px 0 0 31px;

}

#footer_tm {
float:left;
width:860px;
height:30px;
background:transparent;
margin-top:10px;

}


.ftb {
margin-top:15px;
font-size:12px;
text-align:center;
font-weight:normal;

}

.ftb a, .ftb a:visited{
padding:0 !important;
border:none !important;

}

/*bouton top*/
#top {
float:left;
width:30px;
height:20px;
margin-top:14px;
margin-right:15px;
padding:0 !important;
border:none !important;
background:transparent;

}

.top_button {
float:right;
padding:0 !important;
border:none !important;

}

.top_button a{
padding:0 !important;
border:none !important;

}

/* Login ---*/

form#form-login fieldset {
border:none;
margin:0;
padding:0;

}

#form-login-username,
#form-login-password,
p #form-login-remember{
margin:0;
padding:0;

}

form#form-login ul { 
margin-top:2px;
margin-bottom:0;
font-size:11px;
line-height:11px;
padding-left:5px;
margin-left:10px;

}

form#form-login li {
padding:1px 0px 1px 0px;
line-height:11px;

}

form#com-form-login fieldset {
margin: 0; 
padding: 0;

}

/* Poll */

table.pollstableborder {
border: none;
padding: 0;
text-align: left;
width: 100%;

}

table.pollstableborder td {
font-weight: normal;
padding: 4px !important;

}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td {
font-weight: normal; 

 }

/*end file*/
http://artonweb.gr Μελέτη,Σχεδιασμός και Δημιουργία ιστοσελίδων.

Kypros Lambrou
Δημοσιεύσεις: 96
Εγγραφή: 17 Οκτ 2011 13:29

Active και current items εμφανίζονται το ίδιο

Δημοσίευση από Kypros Lambrou » 24 Οκτ 2011 15:56

Φίλε πιθανότατα το πρόβλημα σου δεν είναι στο CSS αλλά μάλλον στον κώδικα που καθορίζει ποια λινκ θεωρούνται ως active. Θα πρέπει να καθορίζεις τις υποκατηγορίες που θεωρούνται ως επιλεγμένες με κάποιο class που να βάζει τις παραμέτρους που θέλεις. Το πρότυπο που χρησιμοποιείς τώρα απλά αλλάζει το χρώμα όλων τον υποκατηγοριών μέσω CSS από εδώ:

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

#navigation li.active a {
color: #a9b6b0;
background:transparent;
height:42px;
}
Εσύ για να το διορθώσεις θα πρέπει μέσω του δυναμικού κώδικα που χρησιμοποιείς να προσθέτεις στην ενεργή υποκατηγορία κάποιο class "active" που να αλλάζει μόνο αυτή την υποκατηγορία για να παίρνει τις παραμέτρους απο ένα καινούργιο class:

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

#navigation li.active a.active {
color: #a9b6b0;
background:transparent;
height:42px;
}
Για παράδειγμα αν έχω επιλέξει την υποκατηγορία F.A.Q.'s, ο κώδικας του html θα έχει όπως πάρακατω:

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

<li><span class="top"><a href="/index.php?option=com_content&amp;view=article&amp;id=4&amp;Itemid=8&amp;lang=en">MANAGED FOREX</a></span></li>
<li><span class="top"><a class="active" href="/index.php?option=com_content&amp;view=article&amp;id=5&amp;Itemid=9&amp;lang=en">F.A.Q.'s</a></span></li>
<li><span class="top"><a href="/index.php?option=com_content&amp;view=article&amp;id=6&amp;Itemid=10&amp;lang=en">RISK DISCLAIMER</a></span></li>
με αποτέλεσμα να αλλάζει το χρώμα σε αυτό που θέλεις μόνο στην επιλεγμένη υποκατηγορία και όχι σε όλες τις επιλεγμένες υποκατηγορίες της κατηγορίας. Απλά μην ξεχάσεις να αφαιρέσεις τις αλλαγές εφαρμόζονται από το #navigation li.active a

artonweb
Δημοσιεύσεις: 73
Εγγραφή: 24 Ιούλ 2011 20:00
Επικοινωνία:

Active και current items εμφανίζονται το ίδιο

Δημοσίευση από artonweb » 24 Οκτ 2011 17:03

Καταρχάς σε ευχαριστώ για την άμεση απάντηση.
Επειδή όμως δεν είμαι και Guru στην css να τα πάρουμε λιγο από τη αρχή;

Σβήνω τον κώδικα

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

#navigation li.active a &#123;
color&#58; #a9b6b0;
background&#58;transparent;
height&#58;42px;
&#125;
Τον αντικαθιστώ με

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

#navigation li.active a.active &#123;
color&#58; #a9b6b0;
background&#58;transparent;
height&#58;42px;
&#125;
Μετά πάω στο css του Template και γράφω στον κώδικα που περιλαμβάνεται στο top menu

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

.active &#123; &#125;
Σωστά;
http://artonweb.gr Μελέτη,Σχεδιασμός και Δημιουργία ιστοσελίδων.

Kypros Lambrou
Δημοσιεύσεις: 96
Εγγραφή: 17 Οκτ 2011 13:29

Active και current items εμφανίζονται το ίδιο

Δημοσίευση από Kypros Lambrou » 24 Οκτ 2011 17:13

Τα δύο πρώτα σωστά.

Πως το έχεις για να ελέγχεις ποια σελίδα είναι αυτή την στιγμή επιλεγμένη? Από εκεί εξαρτάται αρχικά, αφού όταν δεις ότι η παρών υποκατηγορία είναι η παρούσα τότε θα της προσθέτεις το class "active" όπως στον κώδικα που σου έδειξα πιο πάνω για το παράδειγμα FAQ.

artonweb
Δημοσιεύσεις: 73
Εγγραφή: 24 Ιούλ 2011 20:00
Επικοινωνία:

Active και current items εμφανίζονται το ίδιο

Δημοσίευση από artonweb » 24 Οκτ 2011 23:46

Ορίστε και το php του template

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

<?php
/****************************************************
#####################################################
##-------------------------------------------------##
##           ANTESATE2- Version 2.0.0              ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2010            ##
## Date      = decembre 2010                       ##
## Author    = globbers                            ##
## Websites  = http&#58;//www.globbersthemes.com       ##
##                                                 ##
#####################################################
****************************************************/

// SUCKERFISH  MENU SWITCH // 
$menu_name = $this->params->get&#40;"menuName", "mainmenu"&#41;;

// no direct access
defined&#40;'_JEXEC'&#41; or die&#40;'Restricted access'&#41;;
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml" lang="<?php echo _LANGUAGE; ?>" xml&#58;lang="<?php echo _LANGUAGE; ?>">
<head>

<?php 
define&#40; 'TEMPLATEPATH', dirname&#40;__FILE__&#41; &#41;;
include&#40; TEMPLATEPATH.DS."suckerfish.php"&#41;;

?>
	<jdoc&#58;include type="head" />
	<?php if&#40;$my->id&#41; initEditor&#40;&#41;; ?>
	<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />

<?php
# main width#
$mod_left = $this->countModules&#40; 'left' &#41;;
$mod_right = $this->countModules&#40; 'right' &#41;;
if &#40; $mod_left && $mod_right &#41; &#123;
 
	$width = '';
&#125; elseif &#40; &#40;$mod_left || $mod_right&#41; &#41; &#123;
 
	$width = '-mid';
&#125; else &#123;
  
	$width = '-full';
&#125;
?>

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/antesate2/css/tdefaut.css" type="text/css" media="all" />
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/scroll.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/mouseover.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/jquery.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/slideshow.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/scripts/script_png.js"></script>
<link rel="icon" type="image/ico" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/favicon.ico" />
<!--&#91;if lte IE 6&#93;>
<link href="templates/<?php echo $this->template ?>/css/ie6.css" rel="stylesheet" type="text/css" />
<!&#91;endif&#93;-->

<!--&#91;if IE 7&#93;>
<link href="templates/<?php echo $this->template ?>/css/ie7.css" rel="stylesheet" type="text/css" />
<!&#91;endif&#93;-->

    <style type="text/css">
	img&#123; behavior&#58; url&#40;<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/scripts/jm_iepngfix.htc&#41;; &#125; 
	</style>
	
<?php //SETTING SLIDE IMAGES
$pause = $this->params->get&#40;"pause", 5&#41;;
$longueur= $this->params->get&#40;"longueur", 850&#41;;
$hauteur = $this->params->get&#40;"hauteur", 347&#41;;
?>

</head>
<body>
<div class="pagewidth">
    <div id="header">
	    <div id="header_sitename">
            <a href="index.php"><img src="templates/<?php echo $this->template ?>/images/antes_logo.jpg" width="244" height="86" alt="logotype" /></a> 
        </div>
	        <div id="header_slogan">
	            <a href="index.php"><img src="templates/<?php echo $this->template ?>/images/antes_slogan.jpg" width="376" height="27" alt="slogan" /></a> 
            </div>
	            <div id="search_form">
	                <jdoc&#58;include type="modules" name="user4" />
                </div>
	</div>
		<div id="topmenu">
	        <div id="navigation">
                <div class="active">
                 <?php mosShowListMenu&#40;$menu_name&#41;; ?>
	        </div>
                </div>
      	    </div>
	        <div id="slideshow-wrapper"> 
            <div id="slideshow"> 
				<img src="templates/<?php echo $this->template ?>/images/slide1.jpg" alt="image1" />
			    <img src="templates/<?php echo $this->template ?>/images/slide2.jpg" alt="image2" />
                <img src="templates/<?php echo $this->template ?>/images/slide3.jpg" alt="image3" />
            </div>
		</div>
			<script type="text/javascript" charset="utf-8">
				var $j = jQuery.noConflict&#40;&#41;; 
				    $j&#40;document&#41;.ready&#40;function&#40;&#41;&#123;
					    $j&#40;"#slideshow"&#41;.slideshow&#40;&#123;
			             pauseSeconds&#58;<?php echo $pause ?>,
						 width&#58;<?php echo $longueur ?>,//default 850,
			             height&#58;<?php echo $hauteur ?>,//default 347,
						 fadeSpeed&#58; 0.7,
			            caption&#58; false
		            &#125;&#41;;
		        &#125;&#41;;
			</script>
     
                <div id="antes_wrap">
	                <div id="pathway"><div class="pos">you are here&#58;
                        <jdoc&#58;include type="module" name="breadcrumbs" />
                    </div>
                </div>
                    
                </div>
	                <div id="antes_main">
                        <div id="main<?php echo $width; ?>">
	                        <jdoc&#58;include type="component"  />
                         </div>
							<div id="colonnewrap<?php echo $width; ?>">
                                <?php if &#40;$this->countModules&#40;'left'&#41;&#41; &#123; ?>
	                                <div id="col1">
	                                   <div class="element">			
	                                        <jdoc&#58;include type="modules" name="left" style="xhtml" />
	                                    </div>
	                                </div>
	                            <?php &#125; ?>
		
	                                <?php if &#40;$this->countModules&#40;'right'&#41;&#41; &#123; ?>
	                                    <div id="col2">
	                                        <div class="element">			
	                                            <jdoc&#58;include type="modules" name="right" style="xhtml" />
	                                        </div>
	                                    </div>
	                                 <?php &#125; ?>
	                        </div>
	                </div>
						<div class="pagewidth">
	                        <div id="footer">
	                            <div id="footer_box1"><div class="f-element">
	                                <jdoc&#58;include type="modules" name="user5" style="xhtml" />
                                                     </div>
	                            </div>
								<div id="footer_box2"><div class="f-element">
	                                <jdoc&#58;include type="modules" name="user6" style="xhtml" />
                                                     </div>
	                            </div>
										 
	                                <div id="footer_box3"><div class="f-element">
	                                    <jdoc&#58;include type="modules" name="user7" style="xhtml" />
                                                          </div>
	                                </div>
	                        </div>
	                            <div id="footer_bottom">
	                                <div id="footer_tm">
                                        <div class="ftb">
                                            Copyright&copy; <?php echo date&#40; ' Y ' &#41;; ?><?php echo $mainframe->getCfg&#40;'sitename'&#41;;?>.&nbsp; Web design by <a href="http&#58;//artonweb.gr">Art On Web</a>
                                        </div>
                                    </div>
                                        <div id="top">
                                            <div class="top_button">
                                                <a href="#" onclick="scrollToTop&#40;&#41;;return false;"><img src="templates/<?php echo $this->template ?>/images/top.jpg" width="26" height="25" alt="top" /></a>
                                            </div>
                                        </div>
                                </div>
                         </div>
                </div>							
</body>
</html>
http://artonweb.gr Μελέτη,Σχεδιασμός και Δημιουργία ιστοσελίδων.

artonweb
Δημοσιεύσεις: 73
Εγγραφή: 24 Ιούλ 2011 20:00
Επικοινωνία:

Active και current items εμφανίζονται το ίδιο

Δημοσίευση από artonweb » 25 Οκτ 2011 23:36

Ok λύθηκε.
http://artonweb.gr Μελέτη,Σχεδιασμός και Δημιουργία ιστοσελίδων.

Απάντηση

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

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

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