Salve ragazzi,
ho risolto i problemi relativi al precedente post.
Ancora purtroppo non riesco a far diventare il tab di un altro colore una volta cliccato. Dovrebbe rimanere dello stesso colore di quando ci si passa su col mouse.
Qualcuno sa come fare?
Grazie.
G.
Il selettore CSS è a:visited. Vedi http://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes
Mi sembra di capire che hai già un a:hover (cioè quando 'svolazzi' sopra col mouse), basta aggiungere anche a:visited...
Esempio, se trovi:
a:hover {/* param, param, param */
}
Allora è sufficiente cambiarlo in:
a:hover, a:visited {/* param, param, param */
}
Ma così (come vuolevi tu) un link già usato (visited) non cambierà più quando passi sopra col mouse...
Più imparo, più dubito.
bhè sempre non funzionare! o almeno
di
a:hover {/* param, param, param */
}
ce ne sono parecchi e non saprei dove mettere a:visited :(
La pagina è composta da un page.php e dallo style.css.
G.
Ti consiglio di trovarlo con Firebug (un add-on per Firefox)
Più imparo, più dubito.
ho utilizzato "l'ispeziona elemento" di chrome...
ho capito qualcosa in più rispetto a prima... ma non riesco a capire quale sia quello preciso su devo agire e mettere a:visited
ho provato in questi due giorni, ma non sono riuscito nell'intento :(
Se qualcuno l'avesse gia fatto su questo tema ( Burnt Rubber ) potrebbe spiegarmi coma ha fatto, sempre se è possibile!
Grazie.
G.
allora, ormai sfiduciato e nella speranza che qualcuno sappia come fare posto lo style.css, magari riuscite un po voi a capirci qualcosa.
body{
background-attachment: scroll;
background-color: #48c400;
background-image: url(images/Page-BgTexture.jpg);
background-position: top left;
background-repeat: repeat;
color: #48c400;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
margin: 0 auto;
padding: 0;
}
body-internal
{
background-attachment: scroll;
background-color: #48c400;
background-image: url(images/Page-BgTexture.jpg);
background-position: top left;
background-repeat: repeat;
color: #48c400;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
margin: 0 auto;
padding: 0;
}
.Main
{
left: 0;
position: relative;
top: 0;
width: 100%;
}
.PageBackgroundGradient
{
background-image: url(images/Page-BgGradient.jpg);
background-repeat: repeat-x;
height: 178px;
position: absolute;
top: 0;
width: 100%;
}
.cleared
{
border: none;
clear: both;
float: none;
font-size: 1px;
margin: 0;
padding: 0;
}
form
{
margin: 0!important;
padding: 0!important;
}
table.position
{
position: relative;
table-layout: fixed;
width: 100%;
}
.Sheet
{
margin: -10px auto 0!important;
min-height: 1px;
min-width: 1px;
position: relative;
width: 886px;
z-index: 0;
}
.Sheet-internal
{
margin: -10px auto 0!important;
min-height: 1px;
min-width: 1px;
position: relative;
width: 886px;
z-index: 0;
}
.Sheet-cc
{
background-color: #FFFFFF;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
min-height: 10px;
}
.Sheet-cc-internal
{
background-color: #FFFFFF;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
min-height: 10px;
}
.PageBackgroundSimpleGradient,.PageBackgroundGradient,.PageBackgroundGlare
{
min-width: 886px;
}
div.Header
{
height: 178px;
margin: 0 auto;
position: relative;
width: 866px;
z-index: 0;
}
div.Header-internal
{
height: 100px;
margin: 0 auto;
position: relative;
width: 866px;
z-index: 0;
}
div.Header-jpeg
{
background-image: url(images/header2.png);
background-position: center center;
background-repeat: no-repeat;
height: 17px;
left: 0;
position: absolute;
top: 0;
width: 866px;
z-index: -1;
}
div.Header-jpeg-internal
{
background-image: url(images/header2.png);
background-position: center center;
background-repeat: no-repeat;
height: 178px;
left: 0;
position: absolute;
top: 0;
width: 866px;
z-index: -1;
}
.logo
{
display: block;
position: absolute;
}
.artmenu a,.artmenu a:link,.artmenu a:hover
{
letter-spacing: normal;
outline: none;
text-align: left;
text-decoration: none;
word-spacing: normal;
}
.artmenu a:link, .artmenu a:visited
{
color: black;
}
.artmenu,.artmenu ul
{
border: 0;
display: block;
list-style-type: none;
margin: 0;
min-height: 0;
padding: 0;
}
.artmenu li
{
background: none;
border: 0;
display: block;
float: left;
margin: 0;
padding: 0;
position: relative;
z-index: 5;
}
.artmenu li:hover
{
white-space: normal;
z-index: 1000;
}
.artmenu li li
{
float: none;
}
.artmenu ul
{
background: none;
background-image: url(images/spacer.gif);
left: 0;
margin: -10px 0 0 -30px;
padding: 10px 30px 30px;
position: absolute;
top: 0;
visibility: hidden;
z-index: 10;
}
.artmenu li:hover>ul
{
top: 100%;
visibility: visible;
}
.artmenu li li:hover>ul
{
left: 100%;
top: 0;
}
.artmenu:after,.artmenu ul:after
{
clear: both;
content: ".";
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
}
.artmenu ul ul
{
margin: -30px 0 0 -10px;
padding: 30px 30px 30px 10px;
}
.artmenu
{
padding: 12px 6px 0;
}
.nav
{
height: 42px;
position: relative;
z-index: 100;
}
.nav-internal
{
height: 42px;
position: relative;
z-index: 100;
}
.nav .l,.nav .r
{
background-image: url(images/nav.png);
height: 42px;
position: absolute;
top: 0;
z-index: -1;
}
.nav-internal .l,.nav-internal .r
{
background-image: url(images/nav.png);
height: 42px;
position: absolute;
top: 0;
z-index: -1;
}
.nav .l
{
left: 0;
right: 0;
}
.nav .r
{
clip: rect(auto,auto,auto,866px);
right: 0;
width: 866px;
}
.nav-internal .l
{
left: 0;
right: 0;
}
.nav-internal .r
{
clip: rect(auto,auto,auto,866px);
right: 0;
width: 866px;
}
.artmenu ul li
{
clear: both;
}
.artmenu a
{
cursor: pointer;
display: block;
height: 30px;
margin-left: 2px;
margin-right: 2px;
overflow: hidden;
position: relative;
text-decoration: none;
}
.artmenu a .r,.artmenu a .l
{
background-image: url(images/MenuItem2.png);
display: block;
height: 90px;
position: absolute;
}
.artmenu a .l
{
left: 0;
right: 4px;
}
.artmenu a .r
{
clip: rect(auto,auto,auto,404px);
right: 0;
width: 408px;
}
.artmenu a .t
{
color: #DDE0DC;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
line-height: 30px;
margin: 0 4px;
padding: 0 19px;
text-align: center;
}
.artmenu a.active .l,.artmenu a.active .r
{
top: -60px;
}
.artmenu a.active .t
{
color: #111311;
}
.artmenu ul a
{
background-image: url(images/subitem-bg.png);
background-position: left top;
background-repeat: repeat-x;
border-style: solid;
border-width: 0;
display: block;
height: 20px;
line-height: 20px;
margin-right: auto;
overflow: hidden;
text-align: center;
white-space: nowrap;
width: 180px;
}
.nav ul.artmenu ul span,.nav ul.artmenu ul span span
{
background-image: none;
display: inline;
float: none;
margin: inherit;
padding: inherit;
text-align: inherit;
text-decoration: inherit;
}
.artmenu ul a,.artmenu ul a:link,.artmenu ul a:visited,.artmenu ul a:hover,.artmenu ul a:active,.nav ul.artmenu ul span,.nav ul.artmenu ul span span
{
color: #474024;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
line-height: 20px;
text-align: left;
text-decoration: none;
text-indent: 12px;
}
.artmenu ul ul a
{
margin-left: auto;
}
.contentLayout
{
margin-bottom: 0;
position: relative;
width: 866px;
}
.Block
{
margin: 5px;
min-height: 1px;
min-width: 1px;
position: relative;
z-index: 0;
}
.Block-body
{
padding: 0;
position: relative;
z-index: 1;
}
.BlockHeader
{
height: 30px;
margin-bottom: 7px;
padding: 0 8px;
position: relative;
z-index: 0;
}
.BlockHeader .t
{
color: #000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
height: 30px;
line-height: 30px;
padding: 0 8px;
white-space: nowrap;
}
.BlockHeader .l,.BlockHeader .r
{
background-image: url(images/BlockHeader.png);
display: block;
height: 30px;
position: absolute;
z-index: -1;
}
.BlockHeader .l
{
left: 0;
right: 7px;
}
.BlockHeader .r
{
clip: rect(auto,auto,auto,879px);
right: 0;
width: 886px;
}
.header-tag-icon
{
background-image: url(images/BlockHeaderIcon.png);
background-position: left top;
background-repeat: no-repeat;
display: inline-block;
margin: 0 0 0 5px;
min-height: 15px;
padding: 0 0 0 23px;
}
.BlockContent
{
margin: 0 auto;
min-height: 1px;
min-width: 1px;
position: relative;
z-index: 0;
}
.BlockContent-body
{
color: #575F54;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
padding: 7px;
position: relative;
z-index: 1;
}
.BlockContent-body a:hover,.BlockContent-body a.hover
{
color: #D1B500;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.BlockContent-body ul
{
color: #232622;
list-style-type: none;
margin: 0;
padding: 0;
}
.BlockContent-body ul li
{
background-image: url(images/BlockContentBullets.png);
background-repeat: no-repeat;
line-height: 1.2em;
margin: .5em 0;
padding: 0 0 0 15px;
}
.Post
{
margin: 10px;
min-height: 1px;
min-width: 1px;
position: relative;
z-index: 0;
height: 1000px;
}
a img
{
border: 0;
}
.metadata-icons img
{
border: none;
margin: 2px;
vertical-align: middle;
}
.article table,table.article
{
border-collapse: collapse;
margin: 1px;
width: auto;
}
.article table,table.article .article tr,.article th,.article td
{
background-color: Transparent;
}
.article th,.article td
{
border: solid 1px #C7BC8F;
padding: 2px;
text-align: left;
vertical-align: top;
}
.article th
{
padding: 7px;
text-align: center;
vertical-align: middle;
}
.article caption
{
margin: 0 1em 1em;
}
.PostHeaderIcon-wrapper
{
color: #343932;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
letter-spacing: normal;
line-height: inherit;
margin: .2em 0;
padding: 0;
text-align: left;
text-decoration: none;
text-indent: 0;
text-transform: none;
word-spacing: normal;
}
.PostHeaderIcon-wrapper,.PostHeaderIcon-wrapper a,.PostHeaderIcon-wrapper a:link,.PostHeaderIcon-wrapper a:visited,.PostHeaderIcon-wrapper a:hover
{
color: #343932;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 15px;
}
.PostHeader a:hover,.PostHeader a.hovered
{
color: #D1B500;
font-family: Arial, Helvetica, Sans-Serif;
text-align: left;
text-decoration: none;
}
.PostHeaderIcons a:hover,.PostHeaderIcons a.hover
{
color: #C7AC00;
font-family: Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: 400;
text-decoration: underline;
}
.PostContent
{
color: #454C43;
font-family: Arial, Helvetica, Sans-Serif;
}
a
{
color: #8B7D46;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
a:hover,a.hover,a:visited
{
color: #D1B500;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited
{
font-style: normal;
font-weight: 400;
text-decoration: none;
}
h1,h1 a,h1 a:link,h1 a:visited,h1 a:hover
{
color: #4D544A;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 32px;
}
h2,h2 a,h2 a:link,h2 a:visited,h2 a:hover
{
color: #666F62;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 24px;
}
h3,h3 a,h3 a:link,h3 a:visited,h3 a:hover
{
color: #8B7D46;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 19px;
}
h4,h4 a,h4 a:link,h4 a:visited,h4 a:hover
{
color: #575F54;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 16px;
}
h5,h5 a,h5 a:link,h5 a:visited,h5 a:hover
{
color: #575F54;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
}
h6,h6 a,h6 a:link,h6 a:visited,h6 a:hover
{
color: #575F54;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
ol,ul
{
color: #343932;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
margin: 1em 0 1em 2em;
padding: 0;
}
li ol,li ul
{
margin: .5em 0 .5em 2em;
padding: 0;
}
li
{
margin: .2em 0;
padding: 0;
}
ul
{
list-style-type: none;
}
ol
{
list-style-position: inside;
}
.Post li
{
line-height: 1.2em;
padding: 0 0 0 15px;
}
.Post ol li,.Post ul ol li
{
background: none;
padding-left: 0;
}
.Post ul li,.Post ol ul li
{
background-image: url(images/PostBullets.png);
background-repeat: no-repeat;
padding-left: 15px;
}
blockquote p
{
color: #0F100E;
font-family: Arial, Helvetica, Sans-Serif;
}
blockquote
{
background-color: #E9E4D3;
background-image: url(images/PostQuote.png);
background-position: left top;
background-repeat: no-repeat;
border: solid 1px #D4CCAA;
margin: 10px 10px 10px 50px;
padding: 5px 5px 5px 41px;
}
.PostFooterIcons a:link
{
color: #625932;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.PostFooterIcons a:visited,.PostFooterIcons a.visited
{
color: #484E46;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.PostFooterIcons a:hover,.PostFooterIcons a.hover
{
color: #C7AC00;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
a.Button,button.Button
{
background: none;
border: none;
cursor: default;
display: inline-block;
line-height: 33px;
margin: 0;
outline: none;
overflow: visible;
padding: 0;
text-decoration: none!important;
width: auto;
z-index: 0;
}
a.Button .btn,button.Button .btn
{
color: #000;
display: block;
height: 33px;
overflow: hidden;
position: relative;
white-space: nowrap;
width: auto;
}
a.Button .btn .t,button.Button .btn .t
{
display: block;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
height: 33px;
line-height: 33px;
padding: 0 16px;
text-align: left;
text-decoration: none!important;
white-space: nowrap;
}
a.Button .hover,a.Button:hover,button.Button .hover,button.Button:hover
{
color: #BDC3BB;
text-decoration: none!important;
}
a.Button .active,button.Button .active
{
color: #FFFCEB;
}
a.Button .btn .l,a.Button .btn .r,button.Button .btn .l,button.Button .btn .r
{
background-image: url(images/Button2.png);
display: block;
height: 99px;
position: absolute;
z-index: -1;
}
a.Button .btn .l,button.Button .btn .l
{
left: 0;
right: 10px;
}
a.Button .btn .r,button.Button .btn .r
{
clip: rect(auto,auto,auto,399px);
right: 0;
width: 409px;
}
a.Button .btn.hover .l,a.Button .btn.hover .r,a.Button .btn:hover .l,a.Button .btn:hover .r,button.Button .btn.hover .l,button.Button .btn.hover .r,button.Button .btn:hover .l,button.Button .btn:hover .r
{
top: -33px;
}
a.Button .btn.active .l,a.Button .btn.active .r,button.Button .btn.active .l,button.Button .btn.active .r
{
top: -66px;
}
.Footer
{
margin: 5px auto 0;
overflow: hidden;
position: relative;
width: 866px;
z-index: 0;
}
.Footer .Footer-inner
{
float: left;
height: 10%;
padding: 8px;
position: relative;
text-align: center;
width: 100%;
z-index: 0;
}
.Footer .Footer-background
{
background-image: url(images/Footer.png);
background-repeat: no-repeat;
bottom: 0;
height: 150px;
left: 0;
position: absolute;
width: 866px;
z-index: -1;
}
.rss-tag-icon
{
background-image: url(images/rssIcon.png);
background-position: center right;
background-repeat: no-repeat;
display: block;
float: left;
height: 9px;
margin: 0 5px 0 0;
position: relative;
width: 15px;
}
.Footer .Footer-text
{
color: #221F11;
display: inline-block;
font-family: Arial, Helvetica, Sans-Serif;
}
.Footer .Footer-text a:hover
{
color: #998500;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.page-footer,.page-footer a,.page-footer a:link,.page-footer a:visited,.page-footer a:hover
{
color: #FFE642;
font-family: Arial;
font-size: 20px;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
text-decoration: underline;
word-spacing: normal;
}
.page-footer
{
color: #C0B382;
margin: 1em;
text-align: center;
text-decoration: none;
}
.contentLayout .content
{
border: 0;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 519px;
}
.contentLayout .content-wide
{
border: 0;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 865px;
}
#footer
{
text-align: center;
}
ul li
{
background-image: none;
display: block;
text-align: left;
}
li.expanded,li.leaf,li.collapsed
{
background-image: none;
list-style-image: none;
list-style-type: none;
}
.tabs,.links,.service-links img,service-links img
{
margin: 0;
padding-left: 0;
}
.tabs li,.links li
{
display: block;
float: left;
padding: 0 0 0 1em;
}
ul.primary
{
border-bottom: none;
}
#user-login-form
{
text-align: left;
}
#user-login-form ul li
{
background-image: none;
padding-left: 0;
}
fieldset
{
border: 1px solid;
margin: 1em 0;
padding: 1em;
width: 95%;
}
fieldset legend
{
display: block;
}
.breadcrumb
{
display: block;
padding-bottom: .7em;
}
.form-text,.form-textarea
{
text-align: left;
width: 95%;
}
.tags
{
float: left;
}
.messages
{
margin: 5px 0;
padding: 5px;
}
.status
{
background: #C9FBC8;
border: 1px solid #090;
margin: 5px 0;
}
.messages li
{
margin: 5px 0;
}
#forum .links li
{
clear: both;
float: none;
}
#forum table
{
margin-top: 15px;
width: auto;
}
#forum td.container
{
border-left: none;
border-right: none;
font-weight: 700;
padding-top: 15px;
}
#forum td.forum,#forum td.topics,#forum td.posts,#forum td.last-reply
{
padding-bottom: 4px;
padding-top: 4px;
}
.forum-topic-navigation
{
border-bottom: 0 transparent;
border-top: 0 transparent;
}
.forum-topic-navigation .topic-previous
{
float: left;
text-align: left;
}
.forum-topic-navigation .topic-next
{
float: right;
text-align: right;
}
.read_more
{
margin: 5px 0;
text-align: left;
}
.sticky-table H2
{
font-size: 10px;
}
.comment span.new-text
{
color: red;
font-size: 60%;
font-weight: 400;
}
.Sheet-body,.Post-body
{
padding: 10px;
position: relative;
z-index: 1;
height: 300px;
}
.artmenu a:hover .l,.artmenu a:hover .r,.artmenu li:hover>a .l,.artmenu li:hover>a .r,.artmenu li:hover a .l,.artmenu li:hover a .r
{
top: -30px;
}
.artmenu a:hover .t,.artmenu li:hover a .t,.artmenu li:hover>a .t
{
color: #232622;
}
.artmenu ul li a:hover,.artmenu ul li:hover>a
{
background-position: 0 -20px;
color: #F8F7F1;
border-top: 1px solid #c00;
}
.nav .artmenu ul li a:hover span,.nav .artmenu ul li a:hover span span,.nav .artmenu ul li:hover>a span,.nav .artmenu ul li:hover>a span span
{
color: #F8F7F1;
}
.BlockContent-body li,input,select
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
}
.article img,img.article,.article table
{
margin: 1em;
}
.PostMetadataHeader,.PostMetadataFooter
{
background-color: #E9E4D3;
border-color: #D4CCAA;
border-style: solid;
border-width: 1px;
padding: 1px;
}
.PostHeaderIcons,.PostFooterIcons
{
padding: 1px;
}
.PostHeaderIcons,.PostHeaderIcons a,.PostHeaderIcons a:link,.PostHeaderIcons a:visited,.PostHeaderIcons a:hover,.PostFooterIcons,.PostFooterIcons a,.PostFooterIcons a:link,.PostFooterIcons a:visited,.PostFooterIcons a:hover
{
color: #2F332E;
font-family: Arial, Helvetica, Sans-Serif;
}
.PostHeaderIcons a,.PostHeaderIcons a:link,.PostHeaderIcons a:visited,.PostHeaderIcons a:hover,.PostFooterIcons a,.PostFooterIcons a:link,.PostFooterIcons a:visited,.PostFooterIcons a:hover,.Footer .Footer-text p
{
margin: 0;
}
.contentLayout .sidebar1,.contentLayout .sidebar2
{
border: 0;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 692px;
}
.contentLayout .content-sidebar1,.contentLayout .content-sidebar2
{
border: 0;
float: left;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
}
tr.even,tr.odd,#forum td.active
{
background-color: transparent;
}
.preview .node,
.preview .comment,
.sticky {
margin: 0;
padding: 0.5em 0;
border: 0;
background: 0;
}
.sticky {
padding: 1em;
border: solid 1px #D4CCAA;
margin-bottom: 2em;
}
.artmenu li:active a .r,.artmenu li:active a .l
{
background-image: url(images/MenuItem.png);
height: 100px;
}
La barra è proprio l'artmenu!
Grazie mille!
G.
i pulsanti sono ottenuti con la tecnica "sliding doors" (più o meno) e con un'immagine composta (sprite) come sfondo (per questo tema: MenuItem.png).
in sostanza, quella immagine contiene tutti e 3 gli stati (link, hover, active). è quella che devi modificare.
Oppure cambi sia html che css e fai dell'altro...
hint: per un recoloring "quick and dirty" desatura, regola la luminosità e ricolora;
Certified to Rock
perfetto, comincio a capire.
Mi succede una cosa strana pero, il terzo colore che corrisponde a visited ( il grigio per intenderci ) funziona solo per i tab di defaults, mentre per quelli che ho aggiunto io non funziona.
Sai come mai?
Grazie ancora.
G.
non so che dirti.
secondo me non è un gran tema. è ricavato da artisteer e ripulito.
è poco flessibile e quindi per modificarlo bisogna vedere tutto con calma.
in teoria le voci di menu si dovrebbero comportare allo stesso modo; dipende come hai aggiunto le nuove voci di menu e se hai toccato css/html.
Certified to Rock
uhm....
purtroppo sono arrivato ad un punto in cui tornare indietro significherebbe buttare parecchio lavoro.
Ho notato una cosa: per i pulsanti dei tab di default ( administer, my account, create content... ) quando faccio Ispeziona elemento,
nell'href e cioe nel mentre per quelli che ho aggiunto io no.
Se faccio la prova ( con chrome ) a modificare i pulsanti che ho messo io, e mettendo un class="active" si attivano e restano selezionati.
Esiste qualche funzione, magarei nel template.php che al click ( mouse down ) aggiunge una stringa class="active" ?
Grazie mille ancora in anticipo.
Giacomo.
questa funzione ( che si trova in script.js )
function artButtonSetupJsHover(btn){
artEventHelper.bind(btn, 'mouseover', function() {
var spans = btn.getElementsByTagName("span");
if (spans.length > 0)
spans[0].className += " hover";
});
artEventHelper.bind(btn, 'mouseout', function() {
var spans = btn.getElementsByTagName("span");
if (spans.length > 0)
spans[0].className = spans[0].className.replace(/hover/, "").replace(/active/, "");
});
artEventHelper.bind(btn, 'mousedown', function() {
var spans = btn.getElementsByTagName("span");
if (spans.length > 0)
spans[0].className += " active";
});
artEventHelper.bind(btn, 'mouseup', function() {
var spans = btn.getElementsByTagName("span");
if (spans.length > 0)
spans[0].className = spans[0].className.replace(/active/, "");
});
}
Non è proprio quella che aggiunge il tag "class="?
Ma non ho capito bene come funziona.
G.
nessuna idea vero?
G.
ho la prova con un altro tema! E i link che aggiungo nella barra si comportano esattamente nello stesso modo! non viene attivato il link che visito. Mentre per quelli di default, admin, create content e my account funzionano...
Qualcuno c'è mai riuscito a farlo?
Grazie.
G.
ormai mi rispondo da solo :)
ho aggiunto nello style.css
.artmenu a.active .l, .artmenu a.active .r{
top: -60px;
background-image = (url/images/MenuItem2.png);
}
e si attiva sempre per i tab di default e non per i miei ! Ho usato l'inspector sia di mozilla che di chrome.
I tab, con le relative voci, sono tutte allo stesso livello!
ma come puo essere?
Giacomo.
non è che non ti voglio rispondere, è che non so proprio che dirti, dovrei vedere almeno html e css, e non è detto che sia sufficiente (o che io sia capace...)
sembra un problema di specificità o inheritance, ma visto che c'entra pure JS...
sorry
Certified to Rock
Ma non lo puoi riaprire con artisteer?
in che senso?
@ramius: è sviluppato con artisteer, ma è stato ripulito. quindi non è più lo stesso tema.
@giacomo:
quali sono le tab "di default"? e come le aggiungi le "tue?". dettaglia please. ;)Come non detto, scusa. hai già descritto la cosa più su.
Certified to Rock
ho installato il tema
ho cambiato menuitem.png e l'ho rinominato "menuitem2.png"
ho modificato l'(unica) istruzione che riguarda questo sfondo in style.css, riga 244, ovvero
.artmenu a .r,.artmenu a .l{background-image: url(images/MenuItem.png);
display: block;
height: 90px;
position: absolute;
}
ho piazzato il blocco "navigation" nella regione "menu"
ho aggiunto una voce di prova
..e funge, come puoi vedere qui: http://imgur.com/s3NzS
Mi viene il dubbio che tu non abbia ripulito la cache..
comunque dev'essere un problema locale, secondo me.
Certified to Rock
ho avuto anche problemi con l'editor fckeditor, nonostante l'abbia attivato non me lo visualizza piu... ripulire la cache, come?
Grazie mille.
Mi metto a provare subito.
G.
scusa ti chiedo un'altra cosa, delle pagine che creo posso fare un backup? Dove si trovano tutte le pagine che creo?
Grazie.
G.
la cache la puoi pulire a: tuosito/admin/settings/performance#edit-clear in fondo alla pagina.
le tue pagine non vengono salvate così come le vedi, sono create al momento della richiesta; i tuoi contenuti sono nel database.
per il backup(del database): http://drupal.org/project/backup_migrate
Certified to Rock
Ciao, buongiorno!
Ho appena provato. Ho installato il tema di nuovo.
Ma niente, non funziona. I nuovi tab che aggiungo non mantengono il colore una volta selezionati!
Ho fatto esattamente come dice te.
Con il tema installato da zero, ho creato una page con Create Content->Page. Ho dato un titolo e un testo d'esempio.
Ho piazzato il blocco navigation nella sezione Menu. Dopodichè sono andato in Administer -> Site building -> Menus -> Add Item. Ho messo il path della nuova pagina e impostato il titolo.... Ma non va!
Inspiegabile.
Il procedimento è giusto?
G.
quale versione hai scaricato?
G.
è possibile che debba modificare la funzione function l() ?
http://api.drupal.org/api/function/l/5
G.
ho scaricato lla versione disponibile ieri: http://ftp.drupal.org/files/projects/burnt_rubber-6.x-1.0-beta3.tar.gz
prova ad aggiungere la pagina al menu direttamente da node/NID/edit, ovvero dalla pagina stessa (menu settings)
Certified to Rock
Ciao
ti ringrazio innanzitutto per la disponibilità,
scusa,ma non ho capito come dovrei aggiungere la voce di menu...
Io faccio nel modo seguente:
http://drupal.xxx.yyy/admin/build/menu-customize/navigation
e poi Add Item.
Te invece, come m'hai suggerito di fare?
In ogni caso.. l'istruzione che sposta l'immagine è questa
.artmenu a.active .l, .artmenu a.active .r
{
top: -60px;
}
corretto?
Ho fatto la prova a toglierlo e le voci di default non cambiavano lo sfondo...
G.
quando modifichi/crei un nodo dovresti avere un fieldgroup collassato che si chiama "menu settings". li dentro puoi impostare le voce di menu corrispondente al nodo in questione.
se la tua immagine modificata non cambia dimensioni e larghezza delle barre, no. l'unica cosa che devi fare è cambiare il nome dell'immagine (o rinominarla MenuItem.png) nell'istruzione in linea 244 che cito in #18
Certified to Rock
Caro [email protected] SEI UN GRANDE!! Grazie mille! :)
Ci sono riuscito. Nel menu setting ( come hai suggerito te ) piuttosto che mettere il link assoluto ( http://.... .. /node/00 ) ho messo soltanto node/00 e funziona!!!!!
Ma ora vorrei sapere...come mai???
G.
ps. grazie ancora!
NON bisogna mettere MAI link assoluti verso contenuti del proprio sito, sempre path relativi alla root (senza trailing slash).
Certified to Rock