Jump to content
  • 0

Каким образом можно связать несколько объектов для выполнения одной и той же функции?


call007
 Share

Question

Всех приветствую!

Сразу хочу написать - если я не в том разделе пишу тему, то прошу прощения. И извиняюсь за непонятный заголовок.

В общем в чем моя проблема:

Напишу домен сайта, чтобы было понятнее о чем идет речь - test.mafia2resurs.com

Так вот, нужно сделать так, чтобы при наведении на левое меню, оно подсвечивалось, как сейчас. Но вместе с ним должен подсвечиваться также логотип "MAFIA" - одновременно. Ну точно также и с правым меню...

Один способ я придумал, как это можно реализовать. Создать блок (div), назначить ему свойство плавной прозрачности и поместить в него оба элемента (меню и логотип). Но такой способ не подходит к структуре дизайна. К тому же геморно будет переделывать весь шаблон. А если переделать, то задумка дизайна провалится...

Может кто знает другой способ воплощения данной функции?

На всякий случай:

html:

<?php // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="http://localhost/project/templates/mafia-world-black/css/template.css" type="text/css" />
<script type="text/javascript" src="templates/mafia-world-black/js/fade.js"></script>
<script type="text/javascript">
fade.addRule('fadeRule3',"#333333","#FFFFFF", "color", 50, 1);
</script>
<script type="text/javascript" src="templates/mafia-world-black/js/opacity.js"></script>
<script type="text/javascript">
fadeOpacity.addRule('oR1', .3, 1, 30);
</script>
</head>

<body>

<div id="header">
<div style="float:left; width:213px; text-align:left;"><img class="img" id="fImg1" onmouseover="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)" src="templates/mafia-world-black/images/mafia_head.jpg" alt="MAFIA I" align="left" />
</div>
<div style="float:right; width:294px; text-align:right;"><jdoc:include type="modules" name="on_mafia2" style="xhtml" /><jdoc:include type="modules" name="off_mafia2" style="xhtml" /><!--<img class="img2" id="fImg3" onmouseover="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)" src="templates/mafia-world-black/images/mafia2_head.jpg" alt="MAFIA II" align="right" />-->
</div>
</div>
<div id="clear1"></div>
<div id="container2">
<div id="container">
<div id="gradient">
<?php if($this->countModules('left')) : ?>
<div id="left">
<div class="ssylka" id="fImg5" onmouseover="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)"><jdoc:include type="modules" name="left" style="xhtml" /></div>
<?php endif; ?>
<div id="left_block"><jdoc:include type="modules" name="left_block" style="xhtml" /></div>
</div>
<?php if($this->countModules('right')) : ?>
<div id="right">
<div class="ssylka2" id="fImg4" onmouseover="fadeOpacity(this.id, 'oR1')" onmouseout="fadeOpacity.back(this.id)"><jdoc:include type="modules" name="right" style="xhtml" /></div>
<div id="right_block"><jdoc:include type="modules" name="right_block" style="xhtml" /></div>
</div>
<?php endif; ?>
<div id="content"><jdoc:include type="component" /></div>
<div id="clear2"></div>
<div id="footer">
<a href="http://www.2kgames.com/" target="_blank" title="Официальный сайт издателя"><img src="templates/mafia-world-black/images/2kg.jpg" align="left" alt="2kgames" /></a><a href="http://www.2kczech.com/" target="_blank" title="Официальный сайт разработчиков"><img src="templates/mafia-world-black/images/2kc.jpg" align="left" alt="2kczech" /></a><img src="templates/mafia-world-black/images/9_8_3_15.jpg" align="right" alt="В избранное" /><img src="templates/mafia-world-black/images/9_8_3_13.jpg"
align="right" alt="mail" /><img src="templates/mafia-world-black/images/rss2.jpg" align="right" class="img_border_0" alt="RSS" />© 2009 MafiaWorld.ru - Все об играх Мафия и Мафия 2<br />
Вся информация, представленная на сайте, является собственностью авторов (если не указан иной источник). При полном или частичном использовании материалов гиперссылка на сайт MafiaWorld.ru - ”Все об играх Мафия и Мафия 2” обязательна.
</div>
</div>
</div>
</div>
</body>
</html>[/code]

CSS:

[code]body, html {
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 s0rr0w
Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
Неужели невозможно сделать то, что я описал выше?

Выкладывайте весь архив, а то пока в код свои картинки дорисуешь и так далее это куча времени. Выкладывайте архив вместе подумаем, а так просто

выкладывать догадки это глупо.

Link to comment
Share on other sites

  • 0

Дык а в чем проблема?

Точно также с помощью dhtml.

Пример: http://100sexgirls.ru/mafia/Mafia%202.htm

Исходник: http://100sexgirls.ru/mafia/Mafia2.zip

Домен закрыт от индексации.

User-agent: *
Disallow: /

Скачаешь исходник - убью с хоста.

———————--

З.Ы. Модеры, сори за нецензурный домен. Другого закрытого не было :lol:

ТС, возьми на заметку: твоя конструкция в ie6 не работает.

Link to comment
Share on other sites

  • 0
Дык а в чем проблема?

Точно также с помощью dhtml.

Пример: http://100sexgirls.ru/mafia/Mafia%202.htm

Исходник: http://100sexgirls.ru/mafia/Mafia2.zip

Домен закрыт от индексации.

User-agent: *
Disallow: /

Скачаешь исходник - убью с хоста.

———————--

З.Ы. Модеры, сори за нецензурный домен. Другого закрытого не было :lol:

ТС, возьми на заметку: твоя конструкция в ie6 не работает.

О, неужели, спасибо!!!)) Вот только я не понял, начиная с пятой строчки)) Что имелось ввиду?

Link to comment
Share on other sites

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.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy