Сразу хочу написать - если я не в том разделе пишу тему, то прошу прощения. И извиняюсь за непонятный заголовок.
В общем в чем моя проблема:
Напишу домен сайта, чтобы было понятнее о чем идет речь - test.mafia2resurs.com
Так вот, нужно сделать так, чтобы при наведении на левое меню, оно подсвечивалось, как сейчас. Но вместе с ним должен подсвечиваться также логотип "MAFIA" - одновременно. Ну точно также и с правым меню...
Один способ я придумал, как это можно реализовать. Создать блок (div), назначить ему свойство плавной прозрачности и поместить в него оба элемента (меню и логотип). Но такой способ не подходит к структуре дизайна. К тому же геморно будет переделывать весь шаблон. А если переделать, то задумка дизайна провалится...
Может кто знает другой способ воплощения данной функции?
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке.
Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
Question
call007
Всех приветствую!
Сразу хочу написать - если я не в том разделе пишу тему, то прошу прощения. И извиняюсь за непонятный заголовок.
В общем в чем моя проблема:
Напишу домен сайта, чтобы было понятнее о чем идет речь - test.mafia2resurs.com
Так вот, нужно сделать так, чтобы при наведении на левое меню, оно подсвечивалось, как сейчас. Но вместе с ним должен подсвечиваться также логотип "MAFIA" - одновременно. Ну точно также и с правым меню...
Один способ я придумал, как это можно реализовать. Создать блок (div), назначить ему свойство плавной прозрачности и поместить в него оба элемента (меню и логотип). Но такой способ не подходит к структуре дизайна. К тому же геморно будет переделывать весь шаблон. А если переделать, то задумка дизайна провалится...
Может кто знает другой способ воплощения данной функции?
На всякий случай:
html:
CSS:
background-color:#000000;
margin:0px;
padding:0px;
text-align:center;
font-family: 'Verdana', serif;
font-size: 10pt;
color: #FFFFFF;
height:100%;
}
#container {
margin:0 auto;
text-align:left;
width:950px;
height:100%;
}
#container2 {
background: url(http://localhost/project/templates/mafia-world-black/images/fon.jpg) top center no-repeat;
width:100%;
height:100%;
}
#header {
margin:0 auto;
min-width:950px;
max-width:1200px;
width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1200 ? "1200px" : "auto");
height:230px;
background: url(http://localhost/project/templates/mafia-world-black/images/head.jpg) center top no-repeat;
}
#left {
padding-left:9px;
padding-top:55px;
width:150px;
float:left;
text-align:left;
color: #737373;
}
#left a:link {
color: #F8F8F8;
text-decoration: none;
}
#left a:visited {
text-decoration: none;
color: #F8F8F8;
}
#left a:hover {
text-decoration: none;
color: #999999;
}
#left a:active {
text-decoration: none;
color: #999999;
}
#gradient {
background: url(http://localhost/project/templates/mafia-world-black/images/gradient.jpg) center top repeat-x;
min-height:857px;
_height:875px;
}
#right {
padding-right:9px;
padding-top:55px;
width:150px;
float:right;
text-align:right;
color: #737373;
}
#right a:link {
color: #F8F8F8;
text-decoration: none;
}
#right a:visited {
text-decoration: none;
color: #F8F8F8;
}
#right a:hover {
text-decoration: none;
color: #999999;
}
#right a:active {
text-decoration: none;
color: #999999;
}
#content {
padding-top:135px;
padding-left:0px;
padding-right:10px;
font-size: 9pt;
background: url(http://localhost/project/templates/mafia-world-black/images/mafia_world.jpg) center top no-repeat;
margin-left:160px;
margin-right:160px;
text-align:justify;
min-height:750px;
_height:750px;
}
#content img {
margin-right:6px;
border: 1px solid #ffffff;
}
#footer {
margin-left:140px;
margin-right:140px;
text-align:justify;
font-size: 8pt;
color:#999999;
padding-top:20px;
}
#footer img {
border:0px;
}
#clear1 {
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
#clear2 {
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
#left_block {
text-align:center;
margin-top:10px;
}
#right_block{
text-align:center;
margin-top:10px;
}
a:link {
color: #CCCCCC;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #CCCCCC;
}
a:hover {
text-decoration: underline;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
A {text-decoration: none; outline: none;}
.img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
border:0px;
margin-left:35px;
margin-top:60px;
}
.img2 {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
border:0px;
margin-top:60px;
}
.ssylka {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
text-align:left;
}
.img2_marg {
border:0px;
margin-top:60px;
}
.ssylka2 {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
text-align:right;
}
#left ul {
list-style:none;
margin:0;
padding:0;
}
#right ul {
list-style:none;
margin:0;
padding:0;
}
.contentheading {
width:450px;
float:left;
padding-left:28px;
padding-bottom:2px;
margin-left:10px;
background: url(http://localhost/project/templates/mafia-world-black/images/h2.png) left center repeat-y;
}
.createdate {
margin-right:10px;
text-align:right;
width:80px;
height:32px;
float:right;
color:#999999;
font-size:9px;
}
.clear {
font-size:1px;
line-height:0px;
clear:both;
height:0px;
}
.contentpaneopen {
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
background: url(http://localhost/project/templates/mafia-world-black/images/lin_news.jpg) center bottom no-repeat;
}
.podrobnee {
float:right;
text-align:right;
font-size:13px;
width:150px;
padding-top:8px;
padding-bottom:3px;
}
.podrobnee a:link {
color: #990000;
text-decoration: none;
}
.podrobnee a:visited {
text-decoration: none;
color: #990000;
}
.podrobnee a:hover {
text-decoration: underline;
color: #999999;
}
.podrobnee a:active {
text-decoration: none;
color: #999999;
}
.avtor {
color:#999999;
font-size:10px;
width:350px;
padding-top:10px;
padding-bottom:5px;
}
.modifydate {
margin-top:10px;
color:#990000;
}
h2 {
margin:0px;
padding:0px;
font-size:13px;
font-weight: bold;
}
p {
margin:0;
padding:0;
}
Заранее спасибо!
Edited by s0rr0wLink to comment
Share on other sites
8 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.