Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (50)
Продолжение...
Предыдущая тема: Общие вопросы по оформлению (49)
Просьба: когда задаете тот или иной вопрос выкладывайте ссылку на форум, на котором проблема.
Советую забить в закладки:
Каталог скриптов/CSS
Типовые Вопросы (ЧаВо)
Отредактировано Deff (Вт, 27 Авг 2013 14:38:34)
Deff
Ой, я прошу прощения. Забыла совсем)))
Танюшка1482
1. Вы изменили типоразмер, поэтому старое позиционирование убилось
2. Вынесите код из стиля в HTML верх, одев в теги <style></style> - мне удобней будет поправить, потом исправленный код внесете в стиль
Вы изменили типоразмер, поэтому старое позиционирование убилось
Дело в том, что то что было дано мне изначально в моем Хроме выглядело все наперекосяк. Поэтому я и подгоняла под себя.
И в HTML добавила.
Дело в том, что то что было дано мне изначально в моем Хроме выглядело все наперекосяк. Поэтому я и подгоняла под себя.
И в HTML добавила.
Выненести - значит удалить из стиля - и вокнуть в HTML верх
В HTML Вы вставили - но осталось в стиле - будет конфликтовать при правке
Удалите из первого Окна Стиля
#pun-navlinks #navadmin{
display:impine-block;
overflow:hidden;
max-width:120px;
height:30px;
margin-top:0px;
right:302px;
position:absolute;
}
#pun-navlinks {
margin-top:-40px;
left:-80px;
font-size:15px;
position:relative;
font-weight:700!important;
margin-bottom:20px;
}
#pun-navlinks ul{
width:1000px;
}
#pun-navlinks{
}
#pun-navlinks #navregister{
margin-left:138px;
}
#pun-navlinks #navlogin{
margin-right:100px;
}
#pun-navlinks #navadmin{
margin-left:-90px;
}
#pun-navlinks #navprofile {
margin-left:158px;
}
#pun-navlinks li a:hover{
font-weight:700!important;
color:red;
}#pun-ulinks {
margin-left:-19px;
position:absolute;
margin-top:-110px;
width:950px;
}
#pun-ulinks .container {
text-align:left;
}
#pun-ulinks .item3{
margin-right:170px;
}
#pun-ulinks li a{
font-weight:700!important;
text-transform: uppercase;
font-family:Tahoma;
font-size:10px;
color:#ddb284;
}#pun-ulinks li a:hover{
font-weight:700!important;
color:#7c421b;
}
#pun-ulinks li.item7 {
display: none;
}
Отредактировано Deff (Пн, 28 Окт 2013 21:37:29)
Deff
Ой, я была уверена, что удалила)))) Простите, после работы голова варит туго)))
Удалила)))
Ой, я была уверена, что удалила)))) Простите, после работы голова варит туго)))Удалила)))
К полуночи сделаю... тут занят слегка
подскажите , пожалуйста, скрипт или код, чтобы именно в сообщении при наведении на картинку высвечивалась информация. пример: http://blameless.rusff.ru/viewtopic.php?id=8
рурушная
В HTML верх
<script type="text/javascript">
$(document).ready(function() { $('.post-content img[title]').tipsy({fade: true, gravity: 's'});
});
</script>
Описание к картинке красным:
[img=студенты: 0 баллов]http://s7.uploads.ru/JuyQn.png[/img]
Отредактировано Deff (Вт, 29 Окт 2013 07:07:35)
подскажите , пожалуйста, скрипт или код, чтобы именно в сообщении при наведении на картинку высвечивалась информация. пример: http://blameless.rusff.ru/viewtopic.php?id=8
Гы - не туда смотрел
Тады так:
1. Ставите скрипт HTML в сообщениях, прописываете нужные сообщения
2. В HTML верх
<style>
.image.UP,
.image.Down {
width: 400px; height: 400px;
background-color:#fff;
border:2px solid transparent;
margin:0;
padding:0;
}
.image.UP{
opacity:1.0;
display:block;
position:absolute;z-index:100;
transition-duration: 0.96s;
-webkit-transition-duration: 0.96s;
-moz-transition-duration: 0.96s;
-o-transition-duration: 0.96s;
-ms-transition-duration: 0.96s; /* IE9+ */
}
.image.UP:hover {
opacity:0.00;
}div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;
}
</style>
В Cообщении ставите такое:
[code]<div class=ImgWrap>
<div class="image UP">Тут контент видимый в начале</div>
<div class="image Down">Тут контент видимый при наведении</div>
</div>[/code]
Отредактировано Deff (Вт, 29 Окт 2013 07:20:39)
Deff
хм. кстати за первый скрипт тоже спасибо хд
но со вторым я не поняла немного. не ставится он у меня( http://legend13th.rusff.ru/viewtopic.php?id=13#p108 вот пример как у меня поставилось(
Тады так:1. Ставите скрипт HTML в сообщениях, прописываете нужные сообщения
рурушная
Вы поставили этот скрипт ?
Остальное - правильно, а первого нет и в помине
Нет - ошибся, не доглядел - Остальное тоже ошибка, - там в тегах [code][/code] должен код в сообщении а не в [quote][/quote]
Отредактировано Deff (Вт, 29 Окт 2013 07:40:21)
Вы поставили этот скрипт ?
не совсем поняла как раз на счёт этого. какой именно скрипт вставить?
вставила
<div class=ImgWrap> <div class="image UP">Тут контент видимый в начале</div> <div class="image Down">Тут контент видимый при наведении</div> </div>
в форму ответа - там он работает. но надо что бы именно в сообщениях же был(
рурушная
Смотрите каталог скриптов - ищите HTML в постах
Deff
по идее вставилось) правда картинка не отображается почему-то, уже как только не пробовала. но разберусь.
но вопрос тогда такой: надо в HTML-низ теперь для каждого такого поста ставить ссылки?
но вопрос тогда такой: надо в HTML-низ теперь для каждого такого поста ставить ссылки?
Ну да... (Возможно на днях нарисую скрипт без установки ссылок
Ну да... (Возможно на днях нарисую скрипт без установки ссылок
была бы очень признательна, так как мы бы хотели использовать этот скрипт в очень многих сообщениях и прописывать для каждого будет очень жестоко и для окошечка "HTML-низ" и для амс)
рурушная
Картинка ставится таким кодом
<img src="Ccылка" width=100%/>
Отредактировано Deff (Вт, 29 Окт 2013 07:59:37)
Здравствуйте
вопрос на засыпку.=)
где в стиле код, где меняют цвет ссылок?.
http://dizzzahn.mybb.ru/admin_index.php
Отредактировано Your mafiosi (Вт, 29 Окт 2013 11:03:13)
У меня проблема с дизайном. Вот код изображений в категории:
/* категории */
#pun-main h2, #pun #pun-index #pun-stats h2, #pun .punbb #pun-main h1 {
height: 40px;
background-color: #transparent;
text-align: center;
font-family: georgia;
text-transform: center;
font-size: 16px;
letter-spacing: 1px;
color: #000000;
font-weight: bold;
background-image : url("http://img.by/i/QVWdO.png");
}
Вот для окна переадресации:
/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: 520px;
height: 165px;
float: none;
text-align: center;
background-color: #969696;
background: url(http://s4.uploads.ru/9aDHq.jpg) no-repeat;
background-position: center 0%;
border: 5px double #332323;
border-radius: 5px 5px 30px 30px;
}
#pun-redirect .main-title {
font-size: 1em;
font-family: Arial;
font-weight: bold;
color: black;
text-transform: uppercase;
padding: 45px!important;
margin-bottom:-30px!important;
}
Изначально код категорий был без изображения, но когда я его поставила, то это же самое изображение стало перекрывать окно переадресации? Почему так происходит?
http://testthesunsetwarriors.mybb.ru/
Отредактировано Mandarin (Вт, 29 Окт 2013 19:07:12)
У меня все нормально, но попробуйте добавить выделенное красным.
/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: 520px;
height: 165px;
float: none;
text-align: center;
background-color: #969696;
background: url(http://s4.uploads.ru/9aDHq.jpg) no-repeat;
background-position: center 0%;
border: 5px double #332323;
border-radius: 5px 5px 30px 30px;
z-index: 99999999!important;
}
#pun-redirect .main-title {
font-size: 1em;
font-family: Arial;
font-weight: bold;
color: black;
text-transform: uppercase;
padding: 45px!important;
margin-bottom:-30px!important;
z-index: 99999999!important;
}
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (50)