Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Вопросы по оформлению форумов, дизайну и css - 2


Вопросы по оформлению форумов, дизайну и css - 2

Сообщений 581 страница 600 из 1000

581

sadhaka написал(а):

Andr84
Первое убрала, второе - сделаю иконки, поставлю, думаю, завтра утром, хорошо?

Ок. Спасибо.

0

582

Andr84
all done :)

0

583

все разобралась .з

Не могу изменить вид ссылок на форуме. Они все (от старого дизайна) зеленые с белой "тенью". Что только ни пробовала, не могу найти, что нужно изменить. Проштудировала весь код.
Они должны быть:
  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)

0

584

для Deff'a, но если кто-то из вас мне поможет, то буду благодарен.
Deff, я Вам это уже писал в ЛС, но Вы молчите.

Привет!
Можно на "ты"?
Я настроил кнопку "Нравится" от Фейсбук. И он мне выдал два ХТМЛ-кода. Как только я эти коды не крутил, кнопка на форуме не отображается.
Помоги мне, плиз.
Вот коды:
http://s5.uploads.ru/HACU9.jpg

Вот сюда:
http://s4.uploads.ru/aZY4P.jpg
Спасибо.

0

585

Andr84 написал(а):

Помоги мне, плиз.Вот коды:

Выложите коды под кнопку код тут в топике
И как она должна отображаться в итоге... сделайте скриншот(и ссылку) действующей кнопки с любого ресурса

И второе - я уже говорил несколько раз, что не работаю с соцсетями!

Отредактировано Deff (25.06.2013 14:23:35)

0

586

Nikhroum написал(а):

Не могу изменить вид ссылок на форуме.

Обычно во втором окне стиля

/* 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;
  }

Красное меняем - дополняем своими свойствами

0

587

Deff написал(а):

Выложите коды под кнопку код тут в топике
И как она должна отображаться в итоге... сделайте скриншот(и ссылку) действующей кнопки с любого ресурса

Коды:

1. 1.Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.
Код:
<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>
2. 2.Place the code for your plugin wherever you want the plugin to appear on your page.
Код:
<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>

В итоге должна получится вот такая кнопка:
http://s5.uploads.ru/BnpWs.jpg

0

588

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>

0

589

Здравствуйте!
Ссылка на форум: 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>

а также не могу изменить поле цитат и кодов. Форму ответа изменила, а цитаты остаются от старого дизайна
Помогите, пожалуйста!

0

590

Nikhroum
Не дублируйте сообщения, если ошиблись темой, то попросите модератора перенести сообщение в нужную тему (например, в ЛС), поскольку непонятно, что Вам помогло, помогло ли и нужна еще помощь или нет.

0

591

Deff
Спасибо.

0

592

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>

Переставьте ниже скрипта  инфоблока  с сайдбарами

0

593

Не подскажите, как вставить на сайт (в объявления) простенький слайдер для текста, HTML и проч. со стрелочками для прокрутки по бокам?

0

594

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">&lt;</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">&gt;</a></td>
        </tr>
    	</table>
    </div>


<script>
justSlider(
	$('#pun-announcement #slider'), 
	{
    left: $('#pun-announcement #control #prev'),
    right: $('#pun-announcement #control #next')
	});
</script>

0

595

sadhaka
О, какая прелесть, а в нём можно как-то заменить стрелки? Просто под средневековую тематику моего сайта немного не подходит....хотелось бы самой нарисовать стрелочки

0

596

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 в предыдущем случае.

0

597

Хочу добавить фоновую картинку на страницу, которую создаю через "Администрирование -> Страницы".
Но там в визуальном редакторе нет такой возможности - добавить цвет фона или фоновую картинку.
Подскажите как это сделать.

0

598

sadhaka
Странно, но у меня не встало. То есть я попробовала поставить одну из своих иконок, прописала высоту и ширину, однако на слайдере присутствуют только такие "< >" стрелки, которые при наведении окрашиваются голубыми квадратами

0

599

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/
Что/где менять в сообщении выше

+1

600

sadhaka
Супер, всё заработало, моя головная боль ушла благодаря вам)
Сейчас организую плюсик в вашу копилку ^.^
P.S.: А в случае чего в этот код можно будет добавить "бесконечную" автопрокрутку без всяких кнопок паузы, при этом не убирая работы стрелок "вперёд-назад"?

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Вопросы по оформлению форумов, дизайну и css - 2


Рейтинг форумов | Создать форум бесплатно