Andr84
Первое убрала, второе - сделаю иконки, поставлю, думаю, завтра утром, хорошо?
Ок. Спасибо.
Техническая поддержка сервиса Quadro.Boards |
Новости сервиса |
О форуме
Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC,
на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы.
Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)
|
Полезные ссылки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Вопросы по оформлению форумов, дизайну и css - 2
Andr84
Первое убрала, второе - сделаю иконки, поставлю, думаю, завтра утром, хорошо?
Ок. Спасибо.
Andr84
all done
Не могу изменить вид ссылок на форуме. Они все (от старого дизайна) зеленые с белой "тенью". Что только ни пробовала, не могу найти, что нужно изменить. Проштудировала весь код.
Они должны быть:
font-family: Verdana;
font-size: 1.1em;
color: #4d1315;
font-weight: bold;
font-decoration: none;
При наведении все тоже самое, но color: #9e3110
А ссылки в постах такие же, но font-weight: normalвот ссылка на форум: http://cwtest.rusff.me/
Отредактировано Nikhroum (25.06.2013 10:13:14)
для Deff'a, но если кто-то из вас мне поможет, то буду благодарен.
Deff, я Вам это уже писал в ЛС, но Вы молчите.
Привет!
Можно на "ты"?
Я настроил кнопку "Нравится" от Фейсбук. И он мне выдал два ХТМЛ-кода. Как только я эти коды не крутил, кнопка на форуме не отображается.
Помоги мне, плиз.
Вот коды:
Вот сюда:
Спасибо.
Помоги мне, плиз.Вот коды:
Выложите коды под кнопку код тут в топике
И как она должна отображаться в итоге... сделайте скриншот(и ссылку) действующей кнопки с любого ресурса
И второе - я уже говорил несколько раз, что не работаю с соцсетями!
Отредактировано Deff (25.06.2013 14:23:35)
Не могу изменить вид ссылок на форуме.
Обычно во втором окне стиля
/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #fff;
text-decoration: none;
font-weight: normal;
}
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #9f9f9f;
}
Красное меняем - дополняем своими свойствами
Выложите коды под кнопку код тут в топике
И как она должна отображаться в итоге... сделайте скриншот(и ссылку) действующей кнопки с любого ресурса
Коды:
Код:<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
Код:<div class="fb-like" data-href="http://www.jvdcp.ru/" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial"></div>
В итоге должна получится вот такая кнопка:
Andr84
<div class="fb-like" data-href="http://www.jvdcp.ru/" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
Здравствуйте!
Ссылка на форум: http://cwtest.rusff.me/
не отображаются категории
вставляла скриптом, вот этим:
<script type="text/javascript"> $(function(){ $('.category > h2 span:contains("Тестовое сообщение")').before('<img class="categor" src="http://s4.uploads.ru/LIdfX.png" /> '); $('.category > h2 span:contains("Статистика форума")').before('<img class="categor" src="http://s4.uploads.ru/1KPDw.png" /> '); $('img.categor').css({'margin-top' : '0px', 'margin-left' : '0px', 'margin-bottom' : '0px', 'height' : '170px', 'width': '327px'}); }); </script>
а также не могу изменить поле цитат и кодов. Форму ответа изменила, а цитаты остаются от старого дизайна
Помогите, пожалуйста!
Nikhroum
Не дублируйте сообщения, если ошиблись темой, то попросите модератора перенести сообщение в нужную тему (например, в ЛС), поскольку непонятно, что Вам помогло, помогло ли и нужна еще помощь или нет.
Deff
Спасибо.
Andr84
Эту группу скриптов из HTML низ
<table border="0"><tr> <td><!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t27.11;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано количество просмотров и"+ " посетителей' "+ "border='0' width='88' height='120'><\/a>") //--></script><!--/LiveInternet--></td> <td><table cellpadding="0" cellspacing="0" border="0" width="88" height="31" style="line-height:0;width:88px;"><tr style="height:10px;"> <td style="padding:0;width:38px;height:10px;"><a href="http://www.24log.de" target="_blank"><img src="http://counter.24log.ru/buttons/24/bg24-7_1.gif" width="38" height="10" border="0" alt="Besucherzahler" title="Besucherzahler " style="margin:0;padding:0;" /></a></td> <td style="padding:0;width:50px;height:10px;"><a href="http://www.russianwoman.ca" target="_blank"><img src="http://counter.24log.ru/buttons/24/bg24-7_3.gif" width="50" height="10" border="0" alt="rusian brides" style="margin:0;padding:0;"></a></td></tr> <tr style="height:21px;"><td style="padding:0;width:38px;height:21px"><a href="http://www.24log.ru" target="_blank"><img src="http://counter.24log.ru/buttons/24/bg24-7_2.gif" width="38" height="21" alt="счетчик посещений" title="счетчик посещений" border="0" style="margin:0;padding:0;" /></a></td> <script type='text/javascript' language='javascript'> document.write('<td style="padding:0px;width:50px;height:21px;"><a href="http://www.24log.ru/rating/rating.php?c=16" target="_blank"><img border="0" width="50" height="21" src="http://counter.24log.ru/counter?id=211943&t=24&st=7&r='+escape(document.referrer)+'&u='+escape(document.URL)+'&s='+((typeof(screen)=='undefined')?'':screen.width+'x'+screen.height+'x'+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+'&rnd='+Math.random()+'" alt="Рейтинг: Разное" title="Показано число просмотров всего и за сегодня" style="margin:0;padding:0;" /></a></td>'); </script></tr></table><NOSCRIPT><a href="http://www.1russianbrides.com">Dating single russian women</a></NOSCRIPT></td> <td><a href="http://forum-top.ru/vote/1519" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/tmp/informer_1519.gif" alt="Рейтинг форумов Forum-top.ru" /></a></td> <td><script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-39164294-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script></td> </tr></table> <script type="text/javascript"> var text="<center><font color='#FF0000'>Администратор</font>lПользовательl<font color='#0000FF'>Модератор</font>|<br><font color='#FF9933'>VIP-пользователь</font></center>" pa=document.getElementById("pun-stats") pa.style.position = "relative" pa.innerHTML = "<div style=\"position:absolute; z-index:2; center: 10px; top: 40px; width: 100%;\">"+text+"</div>"+ pa.innerHTML </script> <script type="text/javascript"> inColor("red", new Array("ALF", "sadhaka", "Анна", "Герда")) inColor("blue", new Array("крым", "Наталья")) inColor("#FF9933", new Array("onefrommany")) function inColor(color, myarray){ var a=document.links for(i=0;i<a.length;i++){ for(q=0;q<myarray.length;q++){ if(a[i].innerHTML==myarray[q]){ a[i].innerHTML="<span style=\"color: "+color+";\">"+myarray[q]+"</span>" }}}} </script>
Переставьте ниже скрипта инфоблока с сайдбарами
Не подскажите, как вставить на сайт (в объявления) простенький слайдер для текста, HTML и проч. со стрелочками для прокрутки по бокам?
VerdugoIJ
<script src="http://www.kozhilya.ru/scripts/justSlider/slider.js"></script> <style> #pun-announcement #slider { margin: 0 auto; } #pun-announcement #slides, #pun-announcement #control { display: inline-block; text-align: center; } #pun-announcement #slides { width: 400px; height: 260px; margin: 0; border: 1px solid black; } #pun-announcement #control { vertical-align: middle; } #pun-announcement #control a { display: inline-block; pointer: cursor; margin: 0 5px; width: 30px; height: 25px; padding-top: 5px; border-radius: 15px; background: #374C64; font: normal 13px Verdana; color: whitesmoke; text-decoration: none; } #pun-announcement #control a:hover { background: #6289B4; }</style> <div id="slider"> <table style="height: 260px;"> <tr> <td id="control"><a href="#" id="prev"><</a></td> <td id="slides"> <div> Блок 1 </div> <div> Блок 2 </div> <div> Блок 3 </div> <div> Блок 4 </div> </td> <td id="control"><a href="#" id="next">></a></td> </tr> </table> </div> <script> justSlider( $('#pun-announcement #slider'), { left: $('#pun-announcement #control #prev'), right: $('#pun-announcement #control #next') }); </script>
sadhaka
О, какая прелесть, а в нём можно как-то заменить стрелки? Просто под средневековую тематику моего сайта немного не подходит....хотелось бы самой нарисовать стрелочки
VerdugoIJ
конечно
Вот эту часть кода смотрим
#pun-announcement #control a {
display: inline-block;
pointer: cursor;
margin: 0 5px;
width: 32px;
height: 32px;
padding-top: 5px;
text-decoration: none;
}
#next{
background: url(http://www.iconsearch.ru/uploads/icons/ … t-sail.png) no-repeat center center;
}
#prev{
background: url(http://www.iconsearch.ru/uploads/icons/ … s-sail.png) no-repeat center center;
}
#pun-announcement #control #next:hover {}
#pun-announcement #control #prev:hover {}
красным - высота и ширина Вашей иконки
бирюзовое добавляете, вместо ссылок - ссылки на Ваши картинки
последнее - если Вам надо, чтобы при наведении указателя мыши, иконки менялись. Устанавливаете также как для #prev/#next в предыдущем случае.
Хочу добавить фоновую картинку на страницу, которую создаю через "Администрирование -> Страницы".
Но там в визуальном редакторе нет такой возможности - добавить цвет фона или фоновую картинку.
Подскажите как это сделать.
sadhaka
Странно, но у меня не встало. То есть я попробовала поставить одну из своих иконок, прописала высоту и ширину, однако на слайдере присутствуют только такие "< >" стрелки, которые при наведении окрашиваются голубыми квадратами
VerdugoIJ
Целиком исправленный вариант
<script src="http://www.kozhilya.ru/scripts/justSlider/slider.js"></script> <style> #pun-announcement #slider { margin: 0 auto; } #pun-announcement #slides, #pun-announcement #control { display: inline-block; text-align: center; } #pun-announcement #slides { width: 400px; height: 260px; margin: 0; border: 1px solid black; } #pun-announcement #control { vertical-align: middle; } #pun-announcement #control a { display: inline-block; pointer: cursor; margin: 0 5px; width: 32px; height: 32px; padding-top: 5px; text-decoration: none; } #next{ background: url(http://www.iconsearch.ru/uploads/icons/kids/32x32/next-sail.png) no-repeat center center;} #prev{ background: url(http://www.iconsearch.ru/uploads/icons/kids/32x32/previos-sail.png) no-repeat center center;} #pun-announcement #control a:hover { }</style> <div id="slider"> <table style="height: 260px;"> <tr> <td id="control"><a href="#" id="prev"></a></td> <td id="slides"> <div> Блок 1 </div> <div> Блок 2 </div> <div> Блок 3 </div> <div> Блок 4 </div> </td> <td id="control"><a href="#" id="next"></a></td> </tr> </table> </div> <script> justSlider( $('#pun-announcement #slider'), { left: $('#pun-announcement #control #prev'), right: $('#pun-announcement #control #next') }); </script>
Демо http://sadhaka.rusff.me/
Что/где менять в сообщении выше
sadhaka
Супер, всё заработало, моя головная боль ушла благодаря вам)
Сейчас организую плюсик в вашу копилку ^.^
P.S.: А в случае чего в этот код можно будет добавить "бесконечную" автопрокрутку без всяких кнопок паузы, при этом не убирая работы стрелок "вперёд-назад"?
Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Вопросы по оформлению форумов, дизайну и css - 2