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