Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (59)
Предыдущая тема: Общие вопросы по оформлению (58)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Alex_63
Помогло, спасибо!
lon_don_don
Замените это
<style type="text/css">/* выравниваем в одну строку уважение*/
.pa-posts,.pa-respect {
font-family:calibri; font color: #fff; background: #f0be4f; border-style: solid; border-width: 1px; border-color: #8f455d; display:inline-block;
width:76px;
margin-left: 0;
}</style>
На это:
<style type="text/css">
/* выравниваем в одну строку уважение*/
.pa-posts, .pa-respect{
font-family:calibri;
background:#f0be4f;
border:solid 1px #8f455d;
width:76px;height:25px;
margin-left:0;
vertical-align:middle;
position:relative;
display:table-cell;
}
.pa-posts{left: 28px;}
.pa-respect{left: 34px;}
</style>
Alex_63волшебник XD
спасибо *-*
Уважаемый Алекс, 
ну без Вас я уже никак не закончу подгонку этого дизайна XD извините, если надоел уже, ахахах XD
Как обычно ссылка на фор :3
Когда-то давно, я у вас уже просил подобный код/решали подобный вопрос
Баннеры внизу, хотелось бы их затемнить, чтобы при наведении мышкой они становились ярче)
В прошлый раз ставили это, в хтмл низ:
<style type="text/css">
marquee#fff {
opacity: .5;
transition: all .3s ease;
}
marquee#fff:hover {
opacity: 1.0;
}
</style>
Но от бегущей строки я теперь избавился, и баннеры статично стоят) соот. что данный код перестал работать) спаситепомогите Т_Т
2) И еще один момент! В прошлый раз Вы мне тоже помогали, выравнивали заголовки в форумах. И что интересно, вроде они должны быть по середине (автоматически выравниваться), но если заголовок форума состоит из 2-х и более слов, то смотрится нормально. А если заголовок из одного слова, то он не стоит посередине О_О скрин:
/* название форумов */
#pun-index .tcl h3 a {
font-size: 20px; text-shadow: 1px 1px #671818; color: #e1b0b3; letter-spacing: 2px;
font: 22px; 'lobster',
font-style: normal;
text-align: center;
position:relative;top:20px;}
lon_don_don
1. 
Ну поставьте у div'а , в котором баннеры, id="fff"
И пропишите в стиле вместо marquee#fff - div#fff
2. В Первом Окне найдите кусок, правки - дополнения -красным
/* C2.8 */
#pun-index .tcl h3 {font-family: 'Marck Script';font-size: 20px;font-weight: bold;padding-left: 50px;text-align: center;}
В Первом Окне найдите кусок, правки - дополнения -красным
спасибо *-*
1. Ну поставьте у div'а , в котором баннеры, id="fff"
И пропишите в стиле вместо marquee#fff - div#fff
Вроде работает, но...подсвечиваются ВСЕ баннеры если наводишь на 1 баннер) не сомневаюсь, что я id влепил не туда XD
Вроде работает, но...подсвечиваются ВСЕ баннеры если наводишь на 1 баннер)
стоп! а так и было раньше XD
вопрос снят)) /хотя если подсветку можно сделать не на все баннеры при наведении, а на 1...было бы неплохо/ :3
большое спасибо *-*
lon_don_don
<style type="text/css">
div#fff a{
opacity: .5;
transition: all .3s ease;
position: relative;
z-index: 110000;
height: 33px;
display: inline-block;
}
div#fff a:hover {
opacity: 1.0;
}
</style>
Поправил
Что-то я копалась в кодах и докопалась до того, что дизайн слетел и я не знаю, в чем именно проблема:
http://magicniitest.rusff.ru/
Мне бы хотелось, чтобы "форум, участники" находились на верхней панели, "активные темы, ответы" сразу под шапкой, и основное тело форума начиналось сразу под серым квадратом-основой под таблицу.
Заранее очень благодарю за помощь!
цвейг
Чот не увидел проблему - сделайте скриншот - ткните стрелкой, пробуйте очистить кеш и кукисы
цвейг, В первом окне Стиля замените красное на 0;
/* D3.2 */
#pun-navlinks .container {
margin-top: 0;
margin-left: 127px;
text-align: center;
padding: 0.7em 1em;
margin-top: -327px;
}
/* D4.2 */
#pun-ulinks .container {
background-color: transparent;
border-top: none;
padding: 0.2em 0.2em;
text-align: center;
margin-top: 100px;
}
2. Сделайте скриншот после этого и отметьте на скриншоте прямоугольниками новое желаемое расположение
3. Что почитать:
FAQ по дизайну форума в CSS
http://htmlbook.ru/css
4. Экстренный вход в Админку => Типовые Вопросы п.п.52
Deff, готово.
Форум: http://magicniitest.rusff.ru/
Скриншот:
цвейг
Добавьте синим в Первом Окне
/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
border-style: none;
border-width: 0;
margin: 0;
font-family:Trebuchet Ms, sans-serif; font-size: 12px; letter-spacing: 2px; text-align: left; padding: 0 10px;}#pun-navlinks {
position: absolute;
top: 0; width: 940px;
}
#pun-ulinks {
position: relative;
top: -73px;
}
Alex_63
Спасибо большое!
Отредактировано цвейг (Вс, 29 Май 2016 15:02:14)
У меня такой вопрос по скрипту горизонтальное меню
Ведь в нашем обычном меню, кнопка Выход сама сменяется кнопкой Вход при нажатии и соответственно наоборот.
Как осуществить такое в этом скрипте?
Тоже самое и с кнопкой Администрирование. Она видна только модерам и админам... Как быть с этим при установке этого скрипта? Опять же кнопка регистрация активна только при незаходе на сайт...
Отредактировано kleo3333 (Вт, 31 Май 2016 13:39:25)
kleo3333
Вместо ссылки вставлять:
<script>if(GroupID==3)document.write('<li><a href="/login.php">Войти</a></li>')</script>
<script>if(GroupID==3)document.write('<li><a href="/register.php">Регистрация</a></li>')</script>
<script>if(GroupID!=3)document.write('<li><a href="/login.php?action=out&id='+UserID+'">Выход</a></li>')</script>
<script>if(GroupID<3)document.write('<li><a href="/admin_index.php">Администрирование</a></li>')</script>
(*ну сориентируетесь, какая для чего
Не понял. А это как вставлять? Вместо ссылки весь скрипт? Что-то как-то не пойму
kleo3333
Ща иначе нарисую, данный вариант не слишком удобен - кури полчаса
kleo3333
Нет,
Ну нужную ссылку, которая должна отображаться не для всех, - заменяете соотв. скриптом (одна строка для каждой) из Поста #236
kleo3333
Чо нидь так:
<div class='nav'>
<ul id='nav'>
<li class='top'><a href='http://jpg.mybb.ru' id='' class='top_link'><span><strong>форум</strong></span></a>
<li class='top'><a href='Ваша ссылка' id='' class='top_link'><span><strong>новости</strong></span></a></li>
<li class='top'><a href='http://jpg.mybb.ru/search.php' id='navsearch-2'class='top_link'><span><strong>поиск</strong></span></a></li>
<li class='top' style="display:none"><a href='http://jpg.mybb.ru/profile.php?id=2' id='' class='top_link'><span class='down'><strong>профиль</strong></span></a>
<ul class='sub'> <li><a href='http://jpg.mybb.ru/userlist.php' ><strong>участники </strong></a></li></ul>
<li class='top' style="display:none"><a href='http://jpg.mybb.ru/messages.php' id='navpm-2' class='top_link'><span><strong>лс</strong></span></a></li>
<li class='top' style="display:none"><a href='' id='navadmin-2' class='top_link'><span><strong>админ-панель</strong></span></a></li>
<li class='top' style="display:none"><a href='http://jpg.mybb.ru/login.php?action=out&id=2' id='navlogout-2' class='top_link'><span><strong>выход</strong></span></a></li>
<li class='top' style="display:none"><a href='http://jpg.mybb.ru/login.php' id='navlogin-2' class='top_link'><span><strong>вход</strong></span></a></li>
</ul>
</div>
<script type="text/javascript">
$(function(){
$('#pun-navlinks ul>li').each(function(){
var id = $(this).prop('id'); //alert(id);
if(id){var href = $(this).find('a:first')[0].href; //alert(href);
var a = $('#nav li.top a#'+id+'-2').parent().show()
if(a.length)a.find('a:first')[0].href=href;
}
});});
</script>Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (59)