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

call007 · October 9, 2009

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

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

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

Напишу домен сайта, чтобы было понятнее о чем идет речь - 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 October 9, 2009 by s0rr0w

call007 · October 15, 2009

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

s0rr0w · October 15, 2009

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

Может и возможно, но желания копаться в вашем коде, откровенно, нет.

AntonSolo · October 15, 2009

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

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

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

call007 · October 15, 2009

Вот тут можно скачать архив:

http://test.mafia2resurs.com/Mafia_2.rar

Общий смысл вопроса надеюсь понятен.

Semreg · October 15, 2009

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

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

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

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

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

User-agent: *
Disallow: /

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

———————--

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

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

call007 · October 16, 2009

Дык а в чем проблема?
Точно также с помощью dhtml.
Пример: http://100sexgirls.ru/mafia/Mafia%202.htm
Исходник: http://100sexgirls.ru/mafia/Mafia2.zip
Домен закрыт от индексации.
User-agent: *
Disallow: /
Скачаешь исходник - убью с хоста.
———————--
З.Ы. Модеры, сори за нецензурный домен. Другого закрытого не было
ТС, возьми на заметку: твоя конструкция в ie6 не работает.

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

call007 · October 16, 2009

Все, догнал, оказывается все так просто! Архив не пригодился. Еще раз огромнейшее спасибо!!!

Semreg · October 16, 2009

Все, догнал, оказывается все так просто! Архив не пригодился. Еще раз огромнейшее спасибо!!!

На здоровье!

На своем хостинге твой шаблон удалил.

Sign In

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

Question

call007

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

call007

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

AntonSolo

Link to comment

Share on other sites

call007

Link to comment

Share on other sites

Semreg

Link to comment

Share on other sites

call007

Link to comment

Share on other sites

call007

Link to comment

Share on other sites

Semreg

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information