Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (52)
Предыдущая тема: Общие вопросы по оформлению (51)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Нанами
Пробуйте заменить объявление:
<!-- Таблица Вложенная -->
<style>
#menu {margin-top: -333px; height: 30px;}
#menu span {
margin-right: -4px;
}
#menu span img {
margin-top: -50px;
}
#submenu1 {
margin-top: 100px;
width: 820px;
}
#submenu2 {
margin-top: -320px;
margin-left: 7px;
width: 710px;
height: 300px;
background: url("")no-repeat scroll center top transparent;}
.submenutext1 {
display: none;
padding:0px;
text-align: center;
font-size: 12px;}
.submenutext2 {
font-size: 12px !important;
color: #3d5162;
text-align: center;
line-height: 140%;
padding: 0px 18px 4px 18px;
font-family: Georgia, serif;
}
</style>
<center><table style="width: 98%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td id="MenuTxT1" align="center">
<div id="submenu1" align="center">
<div id="sm1" class="submenutext1" style="display: block; ">
<img src="http://s9.uploads.ru/ezWf5.png">
</div>
<div id="sm2" class="submenutext1" style="display: none; ">
<img src="http://s9.uploads.ru/iHfcq.png">
</div>
<div id="sm3" class="submenutext1" style="display: none; ">
<img src="http://s9.uploads.ru/szUjD.png">
</div>
<div id="sm4" class="submenutext1" style="display: none; ">
<img src="http://s8.uploads.ru/lGvXQ.png">
</div>
<div id="sm5" class="submenutext1" style="display: none; ">
<img src="http://s9.uploads.ru/M4pjf.png">
</div>
<div id="sm11" class="submenutext1" style="display: none; ">
<img src="http://s8.uploads.ru/g23dF.png">
</div>
</div></td>
</tr>
<tr height="24">
<td align="center">
<div id="menu">
<span alt="#sm1,#sm6" "style="cursor: pointer;"><img src="http://s9.uploads.ru/idA4M.png" class="Hoverbuttons"></span>
<span alt="#sm2,#sm7" "style="cursor: pointer;"><img src="http://s8.uploads.ru/FfTuy.png" class="Hoverbuttons"></span>
<span alt="#sm3,#sm8" "style="cursor: pointer;"><img src="http://s8.uploads.ru/K9hLe.png" class="Hoverbuttons"></span>
<span alt="#sm4,#sm9" "style="cursor: pointer;"><img src="http://s8.uploads.ru/ylGuk.png" class="Hoverbuttons"></span>
<span alt="#sm5,#sm10" "style="cursor: pointer;"><img src="http://s9.uploads.ru/YqeXG.png" class="Hoverbuttons"></span>
<span alt="#sm11,#sm12" "style="cursor: pointer;"><img src="http://s8.uploads.ru/WkH7T.png" class="Hoverbuttons"></span>
</div>
</td>
</tr>
<tr>
<td id="MenuTxT2" align="center" valign="bottom">
<div id="submenu2" align="center">
<div id="sm6" class="submenutext2" style="display: block; ">
<div style="width: 100%; height: 270px; overflow: auto;">
<!-- Текст контейнера 1-->
<style>
.hover-blk {
display:inline-block;
}
.hover-blk > .b {
background-color:#faeedd;
box-shadow:12px 12px 12px #000,-3px -3px 18px #000;
//border:1px solid #999999;
display:none;
position:absolute;
height: 220px;
padding:12px;
text-align: center;
width: 220px;
margin-top:5px;
}
.hover-blk > .b img{
margin-bottom:12px;
}
.hover-blk:hover .b {
display:block;
}
</style>
<br>
<div class="hover-blk">
<a href="http://tvdinspiration.rusff.ru/">
<img src="http://s9.uploads.ru/F9aXy.jpg" class="Hoverbuttons" /></a>
<div class="b">
<img src="http://s9.uploads.ru/uwMPF.gif" width=100% />
<p style="font-family:'Palatino Linotype'"><b>Elijah Mikaelson</b><br>
<i>Стильный и благородный</i><br>
Никогда не бросит в беде</p>
</div></div>
<div class="hover-blk">
<a href="http://tvdinspiration.rusff.ru/profile.php?id=3">
<img src="http://s8.uploads.ru/Ei1pu.jpg" style="margin-left: 10px;" class="Hoverbuttons" /></a>
<div class="b">
<img src="http://s9.uploads.ru/j9EfY.gif" width=100% />
<p style="font-family:'Palatino Linotype'"><b>Elena Gilbert</b><br>
<i>Суровая, но справедливая</i><br>
Справочная по любым вопросам</p>
</div></div>
<div class="hover-blk">
<a href="http://tvdinspiration.rusff.ru/">
<img src="http://s9.uploads.ru/vJPQy.png" style="margin-left: 10px;" class="Hoverbuttons" /></a>
<div class="b">
<img src="http://s9.uploads.ru/Xa2GF.gif" width=100% />
<p style="font-family:'Palatino Linotype'"><b>Caroline Forbes</b><br>
<i>Добрая и милая</i><br>
Хозяйка реклам и партнерств</p>
</div></div>
<br>
<br>
<div><p style="font-family:'Palatino Linotype'"><font size="+1"><b><i>Добро пожаловать на ролевую The Insparation!</i></b></font><br>
<p style="font-family:'Palatino Linotype'"><b><i>Здесь история оживает, раскрашивается яркими красками<br>
и обрастает новыми подробностями. Мы будем рады всем,<br>
канонам и неканонам, ведь каждый пишет легенду своей жизни,<br>
оставляя след в истории, влияя на происходящее вокруг.<br>
Мы рады активным, интересным, увлеченным людям, каждый из<br>
которых станет неотъемлемой и незаменимой частью нашей семьи!</i></b></p></div>
<br>
<a target="top_" title="Рейтинг Ролевых Ресурсов - RPG TOP" href="http://top.roleplay.ru/наша ссылка"><img height="31" border="0" width="88" alt="Рейтинг Ролевых Ресурсов - RPG TOP" src="http://s9.uploads.ru/uLnz9.png"></img></a>
<!-- Конец контейнера 1-->
</div>
</div>
<div id="sm7" class="submenutext2" style="display: none; ">
<div style="width: 100%; height: 250px; overflow: auto;">
<!-- Текст контейнера 2-->
<br>
<br>
<center><div id="yoblako" align="center"><noindex>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.ru/viewtopic.php?id=4#p4" rel="nofollow" class="eTag eTagGr8">Сюжет</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.ru/viewtopic.php?id=3#p3" rel="nofollow" class="eTag eTagGr8">Правила</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.ru/viewtopic.php?id=10#p11" rel="nofollow" class="eTag eTagGr8">Список ролей</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.ru/viewtopic.php?id=6#p7" rel="nofollow" class="eTag eTagGr8">Занятые внешности</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.ru/viewtopic.php?id=1#p1" rel="nofollow" class="eTag eTagGr8">Гостевая</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.ru/viewtopic.php?id=5#p5" rel="nofollow" class="eTag eTagGr8">Шаблон анкеты</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.ru/viewtopic.php?id=11#p12" rel="nofollow" class="eTag eTagGr8">Выяснение отношений</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.ru/viewtopic.php?id=12#p13" rel="nofollow" class="eTag eTagGr8">Вопросы и предложения</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.ru/viewtopic.php?id=13#p14" rel="nofollow" class="eTag eTagGr8">Отсутствие</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.ru/viewtopic.php?id=14#p15" rel="nofollow" class="eTag eTagGr8">Поиск партнера</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.ru/viewtopic.php?id=15#p16" rel="nofollow" class="eTag eTagGr8">Новости</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.ru/viewtopic.php?id=20#p21" rel="nofollow" class="eTag eTagGr8">Кандидаты на удаление</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.ru/viewtopic.php?id=22#p23" rel="nofollow" class="eTag eTagGr8">Занятые имена и фамилии</a>
<a style="font-size:12pt;" href="http://tvdinspiration.rusff.ru/viewtopic.php?id=21#p22" rel="nofollow" class="eTag eTagGr8">Начисление валюты</a>
</noindex></div></center>
<!-- Конец контейнера 2-->
</div>
</div>
<div id="sm8" class="submenutext2" style="display: none; ">
<div style="width: 100%; height: 250px; overflow: auto;">
<!-- Текст контейнера 3-->
<br>
<p style="font-family:'Palatino Linotype'"><b><i><font size="+1">
Мистик-Фоллс</font><br>
В МФ очередное затишье, но вот надолго ли оно? Город будто бы<br>
служит магнитом для вампиров. Кровожадные личности стекаются<br>
туда, чтобы создать новые проблемы или помочь разобраться с ними.
<br><br>
<font size="+1">Новый Орлеан</font><br>
В городе Короля продолжаются кровавые войны. То и дело кто-то гибнет,<br>
кто-то хочет мести, кто-то власти, а кто-то готов предать и<br>
встать на сторону победителя, как только он определится.
<br><br>
<font size="+1">Уитмор</font><br>
В этом году в колледже жарко. Таинственные исчезновения студентов,<br>
многочисленные смерти - всё это дает поводы призадуматься не только новичкам,<br>
но и тем, кто в Уитморе не первый год. Расследования идут с разных сторон,<br>
но вот чем они закончатся?..
</i></b></font>
<!-- Конец контейнера 3-->
</div>
</div>
<div id="sm9" class="submenutext2" style="display: none; ">
<div style="width: 100%; height: 270px; overflow: auto;">
<!-- Текст контейнера 4-->
<br>
<center><table style="width: 300px">
<tr> <td colspan="2"><center><p style="font-family:'Palatino
Linotype'"><b><i>Активисты:</i></b><br>
<a href="ссылка на профиль" target="_blank"><img src="http://s9.uploads.ru/qVbG9.png" title="Имя игрока" class="Hoverbuttons"></a>
<a href="ссылка на профиль" target="_blank"><img src="http://s9.uploads.ru/qVbG9.png" title="Имя игрока" class="Hoverbuttons"></a>
<a href="ссылка на профиль" target="_blank"><img src="http://s9.uploads.ru/qVbG9.png" title="Имя игрока" class="Hoverbuttons"></a>
<a href="ссылка на профиль" target="_blank"><img src="http://s9.uploads.ru/qVbG9.png" title="Имя игрока" class="Hoverbuttons"></a>
<a href="ссылка на профиль" target="_blank"><img src="http://s9.uploads.ru/qVbG9.png" title="Имя игрока" class="Hoverbuttons"></a></center>
</td> </tr>
<tr> <td><center><p style="font-family:'Palatino Linotype'"><b><i>Лучший игрок</i></b>
<br>
<a href="ссылка на профиль" target="_blank"><img src="http://s8.uploads.ru/f8EsX.jpg" title="Имя игрока" class="Hoverbuttons"></a></center> </td>
<td><center><p style="font-family:'Palatino Linotype'"><b><i>Лучшая пара</i></b> <br>
<a href="ссылка на профиль" target="_blank"><img src="http://s8.uploads.ru/f8EsX.jpg" title="Имя игрока" class="Hoverbuttons"></a></center>
</td>
</tr>
<tr> <td><center><p style="font-family:'Palatino Linotype'"><b><i>Лучший пост</i></b> <br>
<div style="width: 250px; height: 54px; overflow: auto; overflow-x: hidden;">
Здесь будет текст...
</div></center>
</td> <td><center><p style="font-family:'Palatino Linotype'"><b><i>Пять вечеров с...</i></b> <br>
<a href="ссылка на профиль" target="_blank"><img src="http://s8.uploads.ru/f8EsX.jpg" title="Имя игрока" class="Hoverbuttons"></a></center>
</td></tr>
</table></center>
<!-- Конец контейнера 4-->
</div>
</div>
<div id="sm10" class="submenutext2" style="display: none; ">
<div style="width: 100%; height: 250px; overflow: auto;">
<!-- Текст контейнера 5-->
<br>
<center><p style="font-family:'Palatino Linotype'"><font size="+1"><b><i>Мы ждем Вас!</i></b></font></center>
<br>
<!-- Конец контейнера 5-->
</div>
</div>
<div id="sm12" class="submenutext2" style="display: none; ">
<div style="width: 100%; height: 250px; overflow: auto;">
<!-- Текст контейнера 6-->
<br><br><br><br><br><br><br>
<a href="http://tvdlad.rusff.ru/"><img src="http://s9.uploads.ru/uLnz9.png" border="0"
alt="tvd: life after death"></a>
<!-- Конец контейнера 6-->
</div>
</div>
</div></td>
</tr>
</tbody>
</table></center>
<!-- Конец Вложенной Таблицы -->
</td></tr>
</tbody></table>
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT1 div.submenutext1,td.#MenuTxT2 div.submenutext2").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT1 div.submenutext1:first,td.#MenuTxT2 div.submenutext2:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT1 div.submenutext1,td.#MenuTxT2 div.submenutext2").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script>
<center><div><font size="+2"><p style="font-family:'Palatino Linotype'"><a href="http://tvdinspiration.rusff.ru/viewtopic.php?id=7#p8"><font color="#800000"><b><i>Кастинг на роль Katherine Pierce</i></b></font></a></p></font></div></center>
Deff, огромное-преогромное спасибо! Всё получилось. Вы просто спаситель! 
Доброго дня!
Возник вопрос такого плана - а как нибудь можно в один форум перенести другие форумы из категории?
Чтобы все старые форумы находились в одном?
Я наверно как-то непонятно объяснила, но мне бы хотелось, чтобы старые темы находились в одном форуме категории 
Deff
спасибо Вам огромнейшее))
Доброго дня!
Возник вопрос такого плана - а как нибудь можно в один форум перенести другие форумы из категории?
Чтобы все старые форумы находились в одном?
Я наверно как-то непонятно объяснила, но мне бы хотелось, чтобы старые темы находились в одном форуме категории
Темы в другой форум можно перенести, а форумы в форум нельзя.
#pun {
background-color:#B0AA7F;
}
Теперь вышло вот так:
упд. или мне надо как-то по-другому нарезать макет?оо
Отредактировано Rizz (Пт, 21 Мар 2014 11:44:42)
Rizz
Вы оформите для начала эскиз в ФШ
(Возможно проще найти готовую заготовку http://forumdts.org/viewforum.php?id=97
а затем поправить планки категорий, иконки, шапку и т.д) ?
Deff
так он есть у меня 
Вот, собственно, пытаюсь нарезать как надо и впихнуть в уже имеющееся.
Последнее - тоже идея х) про форумд я и забыла совсем -_- Правда, я и ее пыталась осуществить, но все равно некоторые элементы сами собой превратились в несколько иные +_+ Лады, попробуем заново.)
Добрый вечер. Пытался вставить скрипт http://forumdts.org/viewtopic.php?id=4392 на свой форум: http://space.rolbb.ru, но не преуспел. Очень хочется, чтобы вместо стандартного приветствия была вот такая http://s3.uploads.ru/t/evml4.jpg панелька (само содержание, по оформлению могу сам).
Здравствуйте! какие-то проблы со стилем, или что-то убрать нужно в нем так как обычно же когда входишь в http://rebornbeta.mybb.ru/online.php то можно перейти на "последний действия" любого участника, а щас почему-то не получается плюс и ЛС не возможно прочитать
mi
Ищем в объявлении:
<div style="width: 300px; height: 900px; border: none; font-family: arial; font-size: 11px; line-height: 2px; margin: 3px; position: absolute; margin-left: 30px; margin-top: -111px;">
Выделенное красным меняем на 270.
Fover
, теперь все в порядке.... огромное спс 
Как сделать вместо зелёного цвета нужный фон??
Как уменьщить промежуток между иконками и текстом?
Отредактировано zerrona1 (Сб, 22 Мар 2014 12:19:17)
zerrona1
На скриншоте ткните стрелкой, про какой фон идёт речь
Приведите ссылку на ресурс
Deff
готово
Как сделать вместо зелёного цвета нужный фон??
Администрирование - Свой стиль, в первом окне ищите блок /* A2.1 */, в нем находите код:
#pun {background-color:#f2fef0; background-attachment: scroll; !important;
}
Выделенное красным меняете на свой цвет.
Как уменьщить промежуток между иконками и текстом?
Администрирование - Настройки, Основное, HTML-верх найдите код:
#pun-main table div.tclcon {padding-left: 110px;}
Выделенное красным меняете. Чем ниже значение, тем расстояние от иконок до текста будет меньше.
PS: В следующий раз приводите ссылку на форум, дабы не искать её в прошлых сообщениях!
Администрирование - Свой стиль, в первом окне ищите блок /* A2.1 */, в нем находите код:
а можно фоновую картинку вставить*?узор
а можно фоновую картинку вставить*?узор
Администрирование - Свой стиль, в первом окне также найдите блок /* A2.1 */, в нем код:
#pun {background-color:#f2fef0; background-attachment: scroll; !important;
}
Замените на:
#pun {background-color:#f2fef0; background-attachment: scroll; !important;background-image:url(ссылка_на_картинку);
}
Пырпырпыр. В общем, мне тут подсобили.з Но осталась маленькая проблемка в виде полосок по бокам картинки в категориях~
Ее надо как-то убрать о.о
тестовопробник
А. УПД. Тут говорят, что на разных расширениях (ну или если подергать окно браузера), съезжает все.. то ли тело, то ли шапка, то ли еще чего ОО
Отредактировано Rizz (Сб, 22 Мар 2014 17:38:57)
Как правильно указать путь к селектору кнопки "Администрирование", чтобы сработал псевдоэлемент first-letter?
#pun-navlinks .container li#navadmin a span:first-letter {
color: red
}
Пробовала разные варианты. Срабатывает только с кнопкой "Форум" при указании #pun-navlinks.
И еще.
Оформляю профиль. Мне нужно объединить .pa-author и .pa-fld1, чтобы в оформлении между ними не было разрыва.
Задаю так:
.pa-author, .pa-fld1 { background-image: url(http://s8.uploads.ru/YV6zd.jpg);
border: 1px solid #808080;
border-radius: 4px 4px 8px 8px;
color: #808080;}
Отредактировано Laktonika (Сб, 22 Мар 2014 21:27:33)
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (52)