Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (56)
Предыдущая тема: Общие вопросы по оформлению (55)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Alex_63
спасибо большое. это последнее что оставалось сделать. премного благодарен
88funt88
Ну возмите + поставьте ему нужный размер, жирность, окантовку и тень, можно сделать буквально всё, то вы хотите,
Тень => text-shadow http://htmlbook.ru/css/text-shadow Можно хоть десяток теней наложить одновременно
Это то я могу, но сделать какую нибудь анимацию ко всему этому я не в состоянии!
88funt88
Как-то так:
<style>
.punbb .post .post-vote a{
border:none 0 transparent;
border-radius:50%;
font-size:17px!important;
font-weight:700;
color:#fff;
transition:all.4s ease, transform 0s ease;
-webkit-transition:all.4s ease, transform 0s ease;
}
.punbb .post .post-vote a:hover{
opacity:.92;
text-shadow:0 0 2px rgba(0,0,0,.81);
box-shadow:0 0 2px rgba(0,0,0,.46);
}
.punbb .post .post-vote a:focus,.post-vote a:active{
transform:translate(1px,1px);
-webkit-transform:translate(1px,1px);
-moz-transform:translate(1px,1px);
-o-transform:translate(1px,1px);
}
.punbb .post .post-vote a[href*="v=1&code="]{
padding:0 2px 1px 3px;
background:#56CA05;
}
.punbb .post .post-vote a[href*="v=0&code="]{
padding:0 6px 1px 6px;
margin-left:5px!important;
background:#FF8181;
}
.punbb .pa-respect a[href*="&code="]{
text-decoration:none;
font-size:14px;
font-weight:700;
font-family:Helvetica,arial,sans-serif;
color:#fff;
border-radius:50%;
transition:all.4s ease, transform 0s ease;
-webkit-transition:all.4s ease, transform 0s ease;
}
.punbb .pa-respect a[href*="&code="]:hover{
opacity:.92;
text-shadow:0 0 2px rgba(0,0,0,.81);
box-shadow:0 0 2px rgba(0,0,0,.46);
}
.punbb .pa-respect a[href*="&code="]:focus,.pa-respect a[href*="&code="]:active{
transform:translate(1px,1px);
-webkit-transform:translate(1px,1px);
-moz-transform:translate(1px,1px);
-o-transform:translate(1px,1px);
}
.punbb .pa-respect a[href*="v=0&code="]{
background:#FF8181;
padding:0 6px 0 5px;
}
.punbb .pa-respect a[href*="v=1&code="]{
background:#56CA05;
padding:0 4px;
}
</style>
<script type="text/javascript">$(function(){$('.pa-respect').each(function(){$(this).find('a[href*="v=1&code="]').html($(this).find('a[href*="v=1&code="]').html().replace('<img src="img/plus.png" alt="+">','+'));$(this).find('a[href*="v=0&code="]').html($(this).find('a[href*="v=0&code="]').html().replace('<img src="img/minus.png" alt="-">','-'));})})</script>
При наведении появляется тень у плюсика и у всей кнопки, при клике кнопка как бы вдавливается
(Вставлять в HTML верх
Alex_63
Старый удалить скрипт?
88funt88
Старый код замените на такой:
<style>
.pa-respect span.C1{color:#32CD32}
.pa-respect span.C2{color:red}
</style>
<script type="text/javascript">
$(".post").each(function(){var c=$(this).find(".pa-respect span:first");c.html(c.html().replace(/^\[(.+?)\/(-[0-9]+)\]/img,"[<span class=C1>$1</span>/<span class=C2>$2</span>]"))});
</script>
А вот этот скрипт
<script type="text/javascript">
function changeLink()
{var arr=document.links
for (j in arr)
{
if (arr[j].innerHTML=="Уважение")
{arr[j].innerHTML="Репутация"}
}}
changeLink()
</script>
Замените на такой:
<script type="text/javascript">$('a[href*="respect.php"]').each(function(){$(this).html($(this).html().replace('Уважение','Репутация'));});</script>
Alex_63
Спасибо большое, выручили, дай бог здоровья 
Короче работает все но вы забыли про это
Код:<style> .punbb .post-rating a.green, .punbb .post-rating a.red{ font-weight:700!important; } .punbb .post-rating a.green, .pa-respect span.C1{color:#32CD32} .punbb .post-rating a.red, .pa-respect span.C2{color:red} </style>
Я все доделал в общем, спасибо 
Отредактировано 88funt88 (Вс, 2 Авг 2015 18:35:26)
88funt88
Мну оставил стиль для .C1 - .C2
<style>
.pa-respect span.C1{color:#32CD32}
.pa-respect span.C2{color:red}
</style>
<script type="text/javascript">
$(".post").each(function(){var c=$(this).find(".pa-respect span:first");c.html(c.html().replace(/^\[(.+?)\/(-[0-9]+)\]/img,"[<span class=C1>$1</span>/<span class=C2>$2</span>]"))});
</script>
В данном случае -
Выделенное красным
<style>
.punbb .post-rating a.green,
.punbb .post-rating a.red{
font-weight:700!important;
}
.punbb .post-rating a.green,
.pa-respect span.C1{color:#32CD32}
.punbb .post-rating a.red,
.pa-respect span.C2{color:red}
</style>
Можете удалить - посколь это селекторы старых картинок (Которые устанавливались скриптом
(Что не выделено - оставляем
==
И еще - вот этот скрипт (Самое начало HTML низ =>
<script type="text/javascript">
var img = document.getElementsByTagName("img")
for (i=0; i<img.length; i++){
if(img[i].alt == "+") img[i].src = "http://forumstatic.ru/files/0015/0a/31/17148.png"
if(img[i].alt == "-") img[i].src = "http://forumstatic.ru/files/0015/0a/31/82916.png"
}
</script>
- тоже, наверное, нун удалить
Alex_63
Извинияюсь я тупанул 
Вот еще проблема
Короче там квадратик в плюсике и вниз минус опустился
Отредактировано 88funt88 (Вс, 2 Авг 2015 19:02:07)
88funt88
1.Какой браузер ? (Похоже скрипт в HTML верх не отрабатывает
Уберите выделенное красным (Конец HTML верх
.punbb .pa-respect a[href*="&code="]:focus,.pa-respect a[href*="&code="]:active{
transform:translate(1px,1px);
-webkit-transform:translate(1px,1px);
-moz-transform:translate(1px,1px);
-o-transform:translate(1px,1px);
}
.punbb .pa-respect a[href*="v=0&code="]{
background:#FF8181;
padding:0 6px 0 5px;
}
.punbb .pa-respect a[href*="v=1&code="]{
background:#56CA05;
padding:0 4px;
}
</style>
<script type="text/javascript">$(function(){$('.pa-respect').each(function(){$(this).find('a[href*="v=1&code="]').html($(this).find('a[href*="v=1&code="]').html().replace('<img src="img/plus.png" alt="+">','+'));$(this).find('a[href*="v=0&code="]').html($(this).find('a[href*="v=0&code="]').html().replace('<img src="img/minus.png" alt="-">','-'));})})</script>
Поставьте в Начало HTML низ:
<script type="text/javascript">$('.pa-respect').each(function(){$(this).find('a[href*="v=1&code="]').html('+');$(this).find('a[href*="v=0&code="]').html('-');})</script>
2. Поставьте в Конец Первого окна стилей
.punbb .post-author ul,.post-author li{
padding-right:0!important;
}
3. Вот этот кусок в HTML низ красным удалите, он дублируется выделенным синим (Синее оставьте
<style>
.punbb .post-rating a.green,
.punbb .post-rating a.red{
font-weight:700!important;
}
.punbb .post-rating a.green,
.pa-respect span.C1{color:#32CD32}
.punbb .post-rating a.red,
.pa-respect span.C2{color:red}
</style><style>
.pa-respect span.C1{color:#32CD32}
.pa-respect span.C2{color:red}
</style>
<script type="text/javascript">
$(".post").each(function(){var c=$(this).find(".pa-respect span:first");c.html(c.html().replace(/^\[(.+?)\/(-[0-9]+)\]/img,"[<span class=C1>$1</span>/<span class=C2>$2</span>]"))});
</script>
4. У этого скрипта в HTML низ
<script type="text/javascript">
<!--
if (document.URL.indexOf("viewforum")!=-1){
var trs=document.getElementById('pun-main').getElementsByTagName("table")[0].rows
for (io=1; io<=(trs.length-1); io++){
if ((trs[io].className.indexOf("isticky")!=-1)&&(trs[io+1].className.indexOf('isticky')==-1))
{var normal=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(io+1)
for(j=0;j<4;j++){
nl=normal.insertCell(0)
nl.className="tc2"
nl.innerHTML=" "
nl.style.bordercenter="1px"}
nl.innerHTML="<b>Темы форума</b>"
nl.style.textAlign="center"
}}}
-->
</script>
Есть новый аналог => Скрипты от пользователей 3
Alex_63
Спасибо поправилось !!
Alex_63
Можете еще помочь и я от вас отстану 
Короче смотрите как убрать или сделать transparent вот тут
Вот код , исправил а он чего то не хочет работать
#profilenav h2 {
background-color: transparent;
background: transparent;
}И почему то вместо этого кода работает этот(я пытался его исправить но все равно не получается, надо что
то с селекторами решить):
#pun-main h2 {
background-color: transparent;
background: rgba(252,61,76,1);
}Еще одна проблема:
Название стиля nevred
Заранее спасибо!!!!
Как избавиться от флага в профиле перед ником?
lorry sunny craft Z
Администрирование-Настройки Флаги - там отключаем в пункте "Отображение в темах"
88funt88
По серому фону в контейнере голосовалки - в HTML верх
<style>
.punbb .post-vote .container,.post-rating .container{
background:#цвет;
}
</style>
Вместо красного - ставим нужный цвет
Короче смотрите как убрать или сделать transparent вот тут
Пробуйте так:
#profilenav h2, #profilenav h2>span, #profilenav ul{
background-color:transparent!important;
background-image:none!important;
}
Каталог готовых стилей
по данной ссылке моим другом выставлен дизайн. Мне всё нравится, но я не могу найти в кодах место где стоит ссылка на изображение шапки. Как найти ссылку на изображение шапки?
Иган Спенглер
Ссылку на форум с установленным стилем
http://mafiya.rusff.ru/
стоит именно этот дизайн
Отредактировано Иган Спенглер (Вт, 4 Авг 2015 16:39:38)
Иган Спенглер
В Первом Окне стилей
/* D1.4 */
#pun-title h1 span {
display: none;
}#pun-title table {
border: none;
height:0px;
margin-left: -67px;
width: 1000px;
height: 500px;
background-image: url(http://s9.uploads.ru/6iocv.jpg);
}
Красное - ссылка на картинку Шапки
Большое спасибо!
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (56)
