Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Общие вопросы по оформлению (64)


Общие вопросы по оформлению (64)

Сообщений 601 страница 620 из 671

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Отредактировано Deff (Вт, 5 Июн 2018 18:07:41)

+1

601

Maman Brigitte написал(а):

Такой вопрос, тоже по теме: а как убрать из этой третьей вкладки слово "награды"?

скриншот со стрелочкой, что убрать

0

602

uliana-new написал(а):

Я попробую. Спасибо, Алексей!  Только это один и тот же элемент. Первый, когда просматривает гость, а второй скрин - когда пррсматривает зарегистрированный. Спрячешь одно, прячется и второе...
Поэтому и вопрос почти риторический.

Теперь понял.. В НТМЛ верх:

Код:
<style>
#pun-status .item2 {font-size: 0;}
#pun-status .item2 a {
font-size: 11px;
text-decoration: none;
}
#pun-status .item2 a:nth-child(2):before {
content: "или";
padding: 0 5px;
color: #000000;
}
</style>

Боюсь лучше через CSS не сделать..

Отредактировано kolobdur74 (Чт, 8 Ноя 2018 16:25:30)

+1

603

Maman Brigitte написал(а):

И вот такой момент: в гостевом профиле появилась третья вкладка, вот так. Ее можно из профиля гостя убрать?

Поставьте перед скриптом под N-кнопок:

<style>.post .mini_awards_label,.post[data-group-id="3"] img.post-img-Sp{ display:none;}</style>

Поправил

Отредактировано Deff (Чт, 8 Ноя 2018 16:25:05)

0

604

Deff

Да! Это оно, спасибо большое, выглядит почти идеально )
Последний момент: возможно ли сами награды сделать чуть повыше, чем они были?
Вот как выглядит сейчас
Я отметила кружочком, где хотелось бы, чтобы они были )

+1

605

Maman Brigitte написал(а):

Последний момент: возможно ли сами награды сделать чуть повыше, чем они были?

<style>.post .mini_awards_label,.post[data-group-id="3"] img.post-img-Sp{ display:none;}
  .mini_awards { display:block;margin-top:-25px; } </style>

Замените предыдущее, красным - примерный отступ

+1

606

Deff

Великолепно выглядит, то, что надо!
Спасибо вам большое, вы такую работу делаете, спасибо )

0

607

kolobdur74 написал(а):
uliana-new написал(а):

Возможно ли средствами CSS сделать так, чтобы на экране монитора вот это

Немного не понял.. Первое - это относится к гостям, а второе относится к зарегистрированным пользователям.. Если вы хотите, чтобы "Ваш последний визит: " не выводилось, то в НТМЛ верх:

Код:
<style>
#pun-status .item2 {display: none;}
</style>
Свернутый текст
uliana-new написал(а):
uliana-new написал(а):

Здравствуйте!
Попробую задать почти риторический вопрос.)))
Возможно ли средствами CSS сделать так, чтобы на экране монитора вот это
https://i.imgur.com/nAMeBSw.jpg выводилось.
А вот это
https://i.imgur.com/NSaSFTE.jpg на экран не выводилось?

Реализация здесь: http://mamatest.mybb.ru/

Я попробую. Спасибо, Алексей!  Только это один и тот же элемент. Первый, когда просматривает гость, а второй скрин - когда просматривает зарегистрированный. Спрячешь одно, прячется и второе...
Поэтому и вопрос почти риторический.
Остаётся уповать на указание селекторов. ТАК я еще не пробовала)))

Алексей!
Как я и предполагала, ничего не получилось)))
Потому что это https://i.imgur.com/nAMeBSw.jpg и это https://i.imgur.com/NSaSFTE.jpg - близнецы-братья.

М-дя. придётся реализовывать по-другому((((

Тем не менее, спасибо ещё раз , Алексей!https://i.imgur.com/ZEkL0ml.gif

Отредактировано uliana-new (Пт, 9 Ноя 2018 08:58:56)

0

608

Deff, спасибо, что всегда помогаете. Проблемы решены.
http://funkyimg.com/i/2MXUF.gif

+1

609

uliana-new
Замените этот кусок  в HTML верх

<!--СДЕЛАЛА ПАНЕЛЬ НАВИГАЦИИ В САМОМ ВЕРХУ НАЧАЛО  --!>
<style type="text/css">
#pun-navlinks {
position: fixed;
width: 100%;
box-shadow: none;
border: none !important;
margin: 15px 0 -10px -2%;
  text-align:center;
}
ul#pun-navlinks {
position: relativ;
}
#pun-navlinks{
top:-5px;
  display: inline-block;
}

li#navlogout {
position: absolute;
top: -70px;
right: -22px;
}

a#navlogout {
color: #558455;
}

/* li#navlogin {
position: absolute;
top: -20px;
right: 140px;
}
li#navregister {
position: absolute;
top: -20px;
right: 240px;
}
*/

span.item2 {
position: absolute;
top: 30px;
right: 190px;
font-weight: bold;
}

/* Вот это не работает. Надо уточнять, чему прописывать цвет!!! */
span.item2 .punbb a {
color: #558455;
}
/* Вот это не работает. Надо уточнять, чему прописывать цвет!!! */

#pun-status .item2 {display: none;}

</style>


На такой:

<!--СДЕЛАЛА ПАНЕЛЬ НАВИГАЦИИ В САМОМ ВЕРХУ НАЧАЛО  --!>
<style type="text/css">
#pun-navlinks {
position: fixed;
width: 100%;
box-shadow: none;
border: none !important;
margin: 15px 0 -10px -2%;
  text-align:center;
}
ul#pun-navlinks {
position: relativ;
}
#pun-navlinks{
top:-5px;
  display: inline-block;
}

li#navlogout {
position: absolute;
top: -70px;
right: -22px;
}

a#navlogout {
color: #558455;
}

/* li#navlogin {
position: absolute;
top: -20px;
right: 140px;
}
li#navregister {
position: absolute;
top: -20px;
right: 240px;
}
*/

/* Вот это не работает. Надо уточнять, чему прописывать цвет!!! */
#pun-status .item2 {display: none;}
.isguest #pun-status .item2 {
  display:inline-block;
}
</style>

Отредактировано Deff (Пт, 9 Ноя 2018 15:42:09)

+1

610

неактуально

Отредактировано boom (Пт, 9 Ноя 2018 19:39:14)

+1

611

Вопрос по боковому слайдеру.

Используется следующий код

<!----------- нужны в игру --------------->
<style type="text/css" media="screen">
#slideout2 {
z-index: 100;
position: fixed;
top: 103px;
bottom:10%;
left: -226px;
width: 25px;
padding: 1px 0;
background: none;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
transition-duration: 0.3s;
          -webkit-border-radius: 5px 0 0 5px;
          -moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
          }
#slideout2_inner {
z-index: 100;
position: fixed;
top: 220px;
background: none;
width: 200px;
left: -225px;
padding: -1px;
max-height: 290px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
transition-duration: 0.3s;
text-align: left;
          -webkit-border-radius: 0 0 05px;
          -moz-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
          }
#slideout2_inner textarea {
width: 200px;
height: 200px;
margin-bottom: 6px;
margin-right: 5px;
          }
#slideout2:hover {
left: -20px;
          }
#slideout2:hover #slideout2_inner {
left: 5px;
          }
</style>
<div id="slideout2">
<center><img src="http://forumfiles.ru/files/0019/a0/b6/98271.png" style="margin-bottom:10px; padding-top:5%"></center>
<div id="slideout2_inner">
<center><br><img src="http://forumfiles.ru/files/0019/a0/b6/92018.png"></center>

<table style="width: 15px;">
<tbody>
<tr>
<td style="width: 10px;">
<center><!-- Ротатор Банеров -->
    <a  id="Mbanners" href="Ссылка перехода по клику на 1-й банер" target="_blank" ><img border="0" src="Ссылка на 1-ю картинку банера" ></a>
    <script language="javascript">
    var sek = 8000;  // Время отображения
    imgArray = new Array (
       "http://forumfiles.ru/files/0019/a0/b4/30679.png","http://obscurial.ru/viewtopic.php?id=74#p11781",
       "http://forumfiles.ru/files/0019/a0/b4/19876.png","http://obscurial.ru/viewtopic.php?id=74#p11291",

    "End");var i=Math.round(Math.random()*((imgArray.length-3)/2))*2;banners(i);
    function banners(i) {
    if(  i >= imgArray.length-1){i=0};
    $("#Mbanners img").attr("src",imgArray[i]);
    $("#Mbanners").attr("href",imgArray[i+1]);
    i+=2;j = i;timerID = setTimeout("banners(j)",sek);}
    </script></div>

</center>
</td>
</tr>
<tr>
<td style="width: 10px;">&nbsp;</td>
<td style="width: 150px;">
</td>
</tr>
</tbody>
</table>
</div></center>
</td>
<td width="1"></td></tr></table>
</center></div>

https://i.imgur.com/MqBor63l.png

Код работает нормально на компьютере, но с телефона при попытке раскрыть слайдер, сразу открывается ссылка по баннеру.

ссылка на форум - http://krum.rusff.ru/

Можно ли это как-то поправить?

Заранее спасибо за советы

0

612

Lоya
Укажите стрелкой, какой баннер раскрывается... попробуйте чуть ужать баннер и отодвинуть левее от точки наведения
2-е Типично для телепона ставят раскрытие по клику ( есть такой скрипт для боковушек слево-вправо

Отредактировано Deff (Пт, 9 Ноя 2018 20:04:01)

0

613

Здравствуйте!
Имеется вот такая интерактивная карта:
http://swarchive.clan.su/Atlanta_map/atlanta_index.html

Код страницы с картой на всяк пожарный
Код:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Atlanta</title>
<style>
#Knoxville, #Pigeon_Forge, #White_Rock, #Gatlinburg, #Hartford, #Waynesville, #Robbinsville, #Madisonville, #Philadelphia, #Charleston, #Etowah, #Cleveland, #Chattanooga, #Nantahala, #Sylva, #Murphy, #Hiawassee, #McCaysville, #Chattahoochee, #Highlands, #Clayton, #Toccoa, #Helen, #Cornelia, #Athens, #Alpharetta, #Roswell, #Marietta, #Cartersville, #Rome, #Jasper, #Chatsworth, #Dahlonega, #Monticello, #Madison, #Covington, #Conyers, #Heflin, #Bremen, #Palmetto, #College_Park, #Carrollton, #Flat_Rock, #Gadsden, #Piedmont, #Pine_Ridge, #Cave_Spring, #Asheville, #Wolf_Ford, #Cedartown, #Guntersville, #Talladega {
position: absolute;
width:400px;
height: auto;
left: 20%;
top: 30%;
border: groove #CCCCFF 3px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
display: none;
z-index: 10;
overflow:auto;
background-color:rgba(176, 196, 222, 0.7);
color:#000000;
text-align: justify;
padding: 7px;
}
</style>
</head>

<body>
<img src="https://i.imgur.com/0GRd0f9.png" alt="" width="725" height="750" usemap="#Atlanta" id="atlanta"/>
<map name="Atlanta">
<area onclick="document.getElementById('Knoxville').style.display='block'; return false;" shape="circle" coords="459,63,35" href="#Knoxville" alt="Ноксвилл">
<area shape="circle" coords="424,119,28" href="#Maryville" alt="Мэривилл">
<area onclick="document.getElementById('Pigeon_Forge').style.display='block'; return false;" shape="circle" coords="502,101,12" href="#Pigeon_Forge" alt="Форпост &quot;Пиджен Фордж&quot;">
<area onclick="document.getElementById('Gatlinburg').style.display='block'; return false;" shape="circle" coords="481,138,29" href="#Gatlinburg" alt="Гатлинбург">
<area onclick="document.getElementById('White_Rock').style.display='block'; return false;" shape="circle" coords="634,73,24" href="#White_Rock" alt="Уайт Рок">
<area shape="circle" coords="586,97,25" href="#Hot_Springs" alt="Хот Спрингс">
<area onclick="document.getElementById('Hartford').style.display='block'; return false;" shape="circle" coords="539,130,25" href="#Hartford" alt="Хартфорд">
<area onclick="document.getElementById('Waynesville').style.display='block'; return false;" shape="circle" coords="588,148,24" href="#Waynesville" alt="Уэйнсвилл">
<area onclick="document.getElementById('Robbinsville').style.display='block'; return false;" shape="circle" coords="434,175,27" href="#Robbinsville" alt="Роббинсвилл">
<area onclick="document.getElementById('Madisonville').style.display='block'; return false;" shape="circle" coords="382,159,26" href="#Madisonville" alt="Мэдисонвилл">
<area onclick="document.getElementById('Philadelphia').style.display='block'; return false;" shape="circle" coords="342,122,27" href="#Philadelphia" alt="Филадельфия">
<area onclick="document.getElementById('Charleston').style.display='block'; return false;" shape="circle" coords="315,172,27" href="#Charleston" alt="Чарльстон">
<area onclick="document.getElementById('Etowah').style.display='block'; return false;" shape="circle" coords="356,202,23" href="#Etowah" alt="Этова">
<area onclick="document.getElementById('Cleveland').style.display='block'; return false;" shape="circle" coords="302,229,30" href="#Cleveland" alt="Кливленд">
<area onclick="document.getElementById('Chattanooga').style.display='block'; return false;" shape="circle" coords="247,255,29" href="#Chattanooga" alt="Чаттануга">
<area onclick="document.getElementById('Nantahala').style.display='block'; return false;" shape="circle" coords="490,201,33" href="#Nantahala" alt="Нантахала">
<area onclick="document.getElementById('Sylva').style.display='block'; return false;" shape="circle" coords="549,183,27" href="#Sylva" alt="Сильва">
<area onclick="document.getElementById('Murphy').style.display='block'; return false;" shape="circle" coords="404,223,27" href="#Murphy" alt="Мёрфи">
<area onclick="document.getElementById('Hiawassee').style.display='block'; return false;" shape="circle" coords="451,245,24" href="#Hiawassee" alt="Хайавасси">
<area onclick="document.getElementById('McCaysville').style.display='block'; return false;" shape="circle" coords="356,251,25" href="#McCaysville" alt="МакКейсвилл">
<area onclick="document.getElementById('Chattahoochee').style.display='block'; return false;" shape="circle" coords="405,291,37" href="#Chattahoochee" alt="Чаттахоочи">
<area onclick="document.getElementById('Highlands').style.display='block'; return false;" shape="circle" coords="541,242,29" href="#Highlands" alt="Хайлендс">
<area onclick="document.getElementById('Clayton').style.display='block'; return false;" shape="circle" coords="494,277,28" href="#Clayton" alt="Клейтон">
<area onclick="document.getElementById('Toccoa').style.display='block'; return false;" shape="circle" coords="523,328,25" href="#Toccoa" alt="Токкоа">
<area onclick="document.getElementById('Helen').style.display='block'; return false;" shape="circle" coords="466,326,28" href="#Helen" alt="Хелен">
<area onclick="document.getElementById('Cornelia').style.display='block'; return false;" shape="circle" coords="492,370,23" href="#Cornelia" alt="Корнелия">
<area onclick="document.getElementById('Athens').style.display='block'; return false;" shape="circle" coords="512,429,39" href="#Athens" alt="Атенс">
<area onclick="document.getElementById('Alpharetta').style.display='block'; return false;" shape="circle" coords="443,400,33" href="#Alpharetta" alt="Алфарета">
<area onclick="document.getElementById('Roswell').style.display='block'; return false;" shape="circle" coords="380,400,28" href="#Roswell" alt="Розуэлл">
<area onclick="document.getElementById('Marietta').style.display='block'; return false;" shape="circle" coords="323,419,30" href="#Marietta" alt="Мариетта">
<area onclick="document.getElementById('Cartersville').style.display='block'; return false;" shape="circle" coords="298,370,23" href="#Cartersville" alt="Картерсвилл">
<area onclick="document.getElementById('Rome').style.display='block'; return false;" shape="circle" coords="257,323,39" href="#Rome" alt="Ром">
<area onclick="document.getElementById('Jasper').style.display='block'; return false;" shape="circle" coords="350,343,35" href="#Jasper" alt="Джаспер">
<area onclick="document.getElementById('Chatsworth').style.display='block'; return false;" shape="circle" coords="317,288,27" href="#Chatsworth" alt="Чатворт">
<area onclick="document.getElementById('Dahlonega').style.display='block'; return false;" shape="circle" coords="416,351,23" href="#Dahlonega" alt="Далонега">
<area onclick="document.getElementById('Monticello').style.display='block'; return false;" shape="circle" coords="490,564,34" href="#Monticello" alt="Монтиселло">
<area onclick="document.getElementById('Madison').style.display='block'; return false;" shape="circle" coords="520,501,34" href="#Madison" alt="Мадисон">
<area onclick="document.getElementById('Covington').style.display='block'; return false;" shape="circle" coords="471,516,13" href="#Covington" alt="Ковингтон">
<area onclick="document.getElementById('Conyers').style.display='block'; return false;" shape="circle" coords="451,469,33" href="#Conyers" alt="Коньерс">
<area onclick="document.getElementById('Heflin').style.display='block'; return false;" shape="circle" coords="183,497,17" href="#Heflin" alt="Хефлин">
<area onclick="document.getElementById('Bremen').style.display='block'; return false;" shape="circle" coords="219,461,29" href="#Bremen" alt="Бремен">
<area onclick="document.getElementById('Palmetto').style.display='block'; return false;" shape="circle" coords="327,531,26" href="#Palmetto" alt="Палметто">
<area onclick="document.getElementById('College_Park').style.display='block'; return false;" shape="circle" coords="374,473,43" href="#College_Park" alt="Колледж Парк">
<area onclick="document.getElementById('Carrollton').style.display='block'; return false;" shape="circle" coords="291,478,36" href="#Carrollton" alt="Карролтон">
<area onclick="document.getElementById('Flat_Rock').style.display='block'; return false;" shape="circle" coords="190,287,36" href="#Flat_Rock" alt="Флэт Рок">
<area onclick="document.getElementById('Gadsden').style.display='block'; return false;" shape="circle" coords="143,409,37" href="#Gadsden" alt="Гадсден">
<area onclick="document.getElementById('Piedmont').style.display='block'; return false;" shape="circle" coords="171,459,20" href="#Piedmont" alt="Пидмонт">
<area onclick="document.getElementById('Pine_Ridge').style.display='block'; return false;" shape="circle" coords="191,356,32" href="#Pine_Ridge" alt="Пайн Ридж">
<area onclick="document.getElementById('Cave_Spring').style.display='block'; return false;" shape="circle" coords="204,411,22" href="#Cave_Spring" alt="Кейв Спринг">
<area onclick="document.getElementById('Asheville').style.display='block'; return false;" shape="poly" coords="649,106,637,100,621,99,613,106,609,114,606,122,608,129,616,143,618,149,620,156,632,158,644,159,653,152,660,142,660,129,656,118" href="#Asheville" alt="Эшвилл">
<area onclick="document.getElementById('Wolf_Ford').style.display='block'; return false;" shape="poly" coords="640,182,644,171,641,162,628,161,616,161,606,165,595,173,588,175,582,181,578,189,574,194,567,207,570,217,576,224,580,230,595,235,613,231,619,220,634,201" href="#Wolf_Ford" alt="Вулф Форд">
<area onclick="document.getElementById('Cedartown').style.display='block'; return false;" shape="poly" coords="257,366,238,363,225,369,218,382,226,398,230,411,232,424,235,432,246,444,257,450,271,442,285,433,290,419,291,408,293,400,271,376" href="#Cedartown" alt="Сидартаун">
<area onclick="document.getElementById('Guntersville').style.display='block'; return false;" shape="poly" coords="151,295,139,291,123,313,104,326,88,347,66,367,70,384,87,376,102,392,128,372,150,358,162,336,165,325" href="#Guntersville" alt="Гантерсвилл
">
<area onclick="document.getElementById('Talladega').style.display='block'; return false;" shape="poly" coords="140,515,114,540,93,557,89,578,99,594,117,591,138,576,154,556,165,536,176,520,160,509" href="#Talladega" alt="Талладега">
</map>
<div id="Knoxville">
<p style="text-align: center;"><strong>Станция "Ноксвилл"</strong><br><br>
<img src="https://i.imgur.com/6OAbeuk.jpg" alt=""></p>
Станция "Ноксвилл" является точкой отправления и прибытия поездов, обеспечивающих перемещение жителей между городами Объединённой Америки. <br /><br />
<p style="text-align: center;"><button onclick="document.getElementById('Knoxville').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Pigeon_Forge">
<p style="text-align: center;"><strong>Форпост "Пиджен Фордж"</strong></p>
Один из нескольких защитных кордонов Атланты.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Pigeon_Forge').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Gatlinburg">
<p style="text-align: center;"><strong>Гатлинбург</strong></p>
Здесь будет описание района Гатлинбург.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Gatlinburg').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="White_Rock">
<p style="text-align: center;"><strong>Уайт Рок</strong></p>
Здесь будет описание района Уайт Рок.<br />
<p style="text-align: center;"><button onclick="document.getElementById('White_Rock').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Hartford">
<p style="text-align: center;"><strong>Хартфорд</strong></p>
Здесь будет описание района Хартфорд.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Hartford').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Waynesville">
<p style="text-align: center;"><strong>Уэйнсвилл</strong></p>
Здесь будет описание района Уэйнсвилл.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Waynesville').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Robbinsville">
<p style="text-align: center;"><strong>Роббинсвилл</strong></p>
Здесь будет описание района Роббинсвилл.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Robbinsville').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Madisonville">
<p style="text-align: center;"><strong>Мэдисонвилл</strong></p>
Здесь будет описание района Мэдисонвилл.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Madisonville').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Philadelphia">
<p style="text-align: center;"><strong>Филадельфия</strong></p>
Здесь будет описание района Филадельфия.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Philadelphia').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Charleston">
<p style="text-align: center;"><strong>Чарльстон</strong></p>
Здесь будет описание района Чарльстон.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Charleston').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Etowah">
<p style="text-align: center;"><strong>Этова</strong></p>
Здесь будет описание района Этова.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Etowah').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Cleveland">
<p style="text-align: center;"><strong>Кливленд</strong></p>
Здесь будет описание района Кливленд.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Cleveland').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Chattanooga">
<p style="text-align: center;"><strong>Чаттануга</strong></p>
Здесь будет описание района Чаттануга.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Chattanooga').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Nantahala">
<p style="text-align: center;"><strong>Нантахала</strong></p>
Здесь будет описание района Нантахала.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Nantahala').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Sylva">
<p style="text-align: center;"><strong>Сильва</strong></p>
Здесь будет описание района Сильва.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Sylva').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Murphy">
<p style="text-align: center;"><strong>Мёрфи</strong></p>
Здесь будет описание района Мёрфи.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Murphy').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Hiawassee">
<p style="text-align: center;"><strong>Хайавасси</strong></p>
Здесь будет описание района Хайавасси.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Hiawassee').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="McCaysville">
<p style="text-align: center;"><strong>МакКейсвилл</strong></p>
Здесь будет описание района МакКейсвилл.<br />
<p style="text-align: center;"><button onclick="document.getElementById('McCaysville').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Chattahoochee">
<p style="text-align: center;"><strong>Чаттахоочи</strong></p>
Здесь будет описание района Чаттахоочи.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Chattahoochee').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Highlands">
<p style="text-align: center;"><strong>Хайлендс</strong></p>
Здесь будет описание района Хайлендс.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Highlands').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Clayton">
<p style="text-align: center;"><strong>Клейтон</strong></p>
Здесь будет описание района Клейтон.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Clayton').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Toccoa">
<p style="text-align: center;"><strong>Токкоа</strong></p>
Здесь будет описание района Токкоа.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Toccoa').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Helen">
<p style="text-align: center;"><strong>Хелен</strong></p>
Здесь будет описание района Хелен.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Helen').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Cornelia">
<p style="text-align: center;"><strong>Корнелия</strong></p>
Здесь будет описание района Корнелия.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Cornelia').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Athens">
<p style="text-align: center;"><strong>Атенс</strong></p>
Здесь будет описание района Атенс.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Athens').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Alpharetta">
<p style="text-align: center;"><strong>Алфарета</strong></p>
Здесь будет описание района Алфарета.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Alpharetta').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Roswell">
<p style="text-align: center;"><strong>Розуэлл</strong></p>
Здесь будет описание района Розуэлл.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Roswell').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Marietta">
<p style="text-align: center;"><strong>Мариетта</strong></p>
Здесь будет описание района Мариетта.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Marietta').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Cartersville">
<p style="text-align: center;"><strong>Картерсвилл</strong></p>
Здесь будет описание района Картерсвилл.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Cartersville').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Rome">
<p style="text-align: center;"><strong>Ром</strong></p>
Здесь будет описание района Ром.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Rome').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Jasper">
<p style="text-align: center;"><strong>Джаспер</strong></p>
Здесь будет описание района Джаспер.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Jasper').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Chatsworth">
<p style="text-align: center;"><strong>Чатворт</strong></p>
Здесь будет описание района Чатворт.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Chatsworth').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Dahlonega">
<p style="text-align: center;"><strong>Далонега</strong></p>
Здесь будет описание района Далонега.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Dahlonega').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Monticello">
<p style="text-align: center;"><strong>Монтиселло</strong></p>
Здесь будет описание района Монтиселло.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Monticello').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Madison">
<p style="text-align: center;"><strong>Мадисон</strong></p>
Здесь будет описание района Мадисон.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Madison').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Covington">
<p style="text-align: center;"><strong>Ковингтон</strong></p>
Здесь будет описание района Ковингтон.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Covington').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Conyers">
<p style="text-align: center;"><strong>Коньерс</strong></p>
Здесь будет описание района Коньерс.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Conyers').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Heflin">
<p style="text-align: center;"><strong>Хефлин</strong></p>
Здесь будет описание района Хефлин.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Heflin').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Bremen">
<p style="text-align: center;"><strong>Бремен</strong></p>
Здесь будет описание района Бремен.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Bremen').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Palmetto">
<p style="text-align: center;"><strong>Палметто</strong></p>
Здесь будет описание района Палметто.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Palmetto').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="College_Park">
<p style="text-align: center;"><strong>Колледж Парк</strong></p>
Здесь будет описание района Колледж Парк.<br />
<p style="text-align: center;"><button onclick="document.getElementById('College_Park').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Carrollton">
<p style="text-align: center;"><strong>Карролтон</strong></p>
Здесь будет описание района Карролтон.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Carrollton').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Flat_Rock">
<p style="text-align: center;"><strong>Флэт Рок</strong></p>
Здесь будет описание района Флэт Рок.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Flat_Rock').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Gadsden">
<p style="text-align: center;"><strong>Гадсден</strong></p>
Здесь будет описание района Гадсден.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Gadsden').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Piedmont">
<p style="text-align: center;"><strong>Пидмонт</strong></p>
Здесь будет описание района Пидмонт.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Piedmont').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Pine_Ridge">
<p style="text-align: center;"><strong>Пайн Ридж</strong></p>
Здесь будет описание района Пайн Ридж.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Pine_Ridge').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Cave_Spring">
<p style="text-align: center;"><strong>Кейв Спринг</strong></p>
Здесь будет описание района Кейв Спринг.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Cave_Spring').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Asheville">
<p style="text-align: center;"><strong>Эшвилл</strong></p>
Здесь будет описание района Эшвилл.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Asheville').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Wolf_Ford">
<p style="text-align: center;"><strong>Вулф Форд</strong></p>
Здесь будет описание района Вулф Форд.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Wolf_Ford').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Cedartown">
<p style="text-align: center;"><strong>Сидартаун</strong></p>
Здесь будет описание района Сидартаун.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Cedartown').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Guntersville">
<p style="text-align: center;"><strong>Гантерсвилл</strong></p>
Здесь будет описание района Гантерсвилл.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Guntersville').style.display='none'; return false;"> Закрыть</button></p>
</div>
<div id="Talladega">
<p style="text-align: center;"><strong>Талладега</strong></p>
Здесь будет описание района Талладега.<br />
<p style="text-align: center;"><button onclick="document.getElementById('Talladega').style.display='none'; return false;"> Закрыть</button></p>
</div>
</body>
</html>

Можно ли как-то сделать так, чтобы при наведении курсора на карту менялась картинка на такую же, только с отмеченными областями? Или при наведении на определённую зону эта зона как-то выделялась цветом? И ещё вопрос вдогонку: можно ли всплывающий блок при нажатии на зону сделать как-то по положению в зависимости от края картинки с картой, а не от границ страницы?
P.S. код будет в итоге на форуме движка mybb, там, где он щас - это просто для удобства работы над ним)

Отредактировано Mr. Bum (Пт, 9 Ноя 2018 22:04:29)

0

614

Mr. Bum
Могу расказать индею.

Саму карту делаете прозрачной и именно к ней ней лепите

<map name="Atlanta">
<area onclick="document.getElementById('Knoxville').style.display='block'; return false;" shape="circle" coords="459,63,35" href="#Knoxville" alt="Ноксвилл">
<area shape="circle" coords="424,119,28" href="#Maryville" alt="Мэривилл">

с position:absolute  x-ndex:3;
Ниже прозрачной карты c position:absolute  z-ndex:1; cтавите текущую картинку мап-карты
Выше этой картинки  c position:absolute  z-ndex:2; ставите области ( позиционируете их margin-left:XXpx;top:YYpx;) изначально области скрыты( наверно вкуснее opacity:0)
Проставляем им id="областьNumXX"
При клике(или наведении) на нужную область прозрачке onclick="document.getElementById('Pigeon_Forge').style.display='block';document.getElementById('областьNumXX').style.display='block'; return false;"

0

615

uliana-new написал(а):

Алексей!
Как я и предполагала, ничего не получилось)))

uliana-new написал(а):

М-дя. придётся реализовывать по-другому((((

Пост: 602..

Отредактировано kolobdur74 (Сб, 10 Ноя 2018 00:12:05)

0

616

Здравствуйте.
Подскажите пожалуйста, как опять заставить вкладки переключаться? : D
Ссылка на проблему со стр

0

617

boom написал(а):

Здравствуйте.
Подскажите пожалуйста, как опять заставить вкладки переключаться? : D

Не вижу скрипта:

Код:
<!--Cкрипт переключения вкладок -->
<script type="text/javascript">
$("td.#MenuTxT div.submenutext").hide();
$(".tabs span:first").addClass("active").show(); 
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
</script><!--End/Cкрипт переключения вкладок -->

+1

618

kolobdur74
поставил, не работает(

0

619

boom написал(а):

поставил, не работает(

У вас же таблица на странице? Зачем скрипт вы ставите в НТМЛ низ? Скрипт туда же где и таблицу ставите..

+1

620

kolobdur74
что-то да, я тупанул хд
все равно не работает(

0


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Общие вопросы по оформлению (64)