Общие вопросы по оформлению (53)

Поделиться1Сб, 5 Апр 2014 15:43:50

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

Предыдущая тема: Общие вопросы по оформлению (52)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+3

Поделиться981Чт, 9 Окт 2014 14:26:50

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

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

А где можно заказать стиль для форума, чтобы адекватно сделали, без глюков и красиво. Я посмотрел тут делает человека, но такое качество меня не устраивает.

Есть готовые стили http://forumd.ru/viewforum.php?id=97 , там посмотрите есть внизу ссылки на сайты дизайнеров - в партнёрах,
Есть и платные варианты: вона Герда делает

0

Поделиться982Пт, 10 Окт 2014 02:52:58

Автор: имя?
Заслуженный
Зарегистрирован: Пн, 14 Мар 2011
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 11 Ноя 2014 01:22:54

сижу я значит, пытаюсь настроить свою таблицу, и тут бац и картинки категорий пропали!
в чем моя проблема? использовался и представленный ниже скрипт:

Свернутый текст

Код:

<!--КАТЕГОРИИ-->
<script type="text/javascript">
        $(document).ready(function(){
        myarray=new Array(
        "BEGIN", "http://funkyimg.com/i/MXQL.png",
        "BEVERLY HILLS", "http://funkyimg.com/i/MXQM.png",
        "PERSONAL AND FLASHBACK", "http://funkyimg.com/i/MXQN.png", 
        "OFFTOP", "http://funkyimg.com/i/MXQP.png", 
        "ARHIVE", "http://funkyimg.com/i/MXQQ.png",
        "ARHIVE2", "http://funkyimg.com/i/MXQR.png",
"Статистика форума", "http://funkyimg.com/i/MXQS.png"
        )

                $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i)
                {
        for(q=0;q<myarray.length;q++)
  {

        var cssObj = {
            "height":"182px", 
          "background-color": "transparent", 
           "background-image":"url("+myarray[q+1]+")",
           "background-position":"50% 55%",
           "background-repeat":"no-repeat",  
           "font-size": "0"   
        }

                if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
                q++}
            });
        });
        </script>

и была предпринята попытка прописать в самом втором окне стиля таким образом:

Свернутый текст

Код:

/* Картинки категорий */

#pun-category1.category h2 { 
background: url("http://funkyimg.com/i/MXQL.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 207px;
margin-left: -21px;
width: 804px;
}

#pun-category2.category h2 { 
background: url("http://funkyimg.com/i/MXQM.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 207px;
margin-left: -21px;
width: 804px;
}

#pun-category3.category h2 { 
background: url("http://funkyimg.com/i/MXQN.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 207px;
margin-left: -21px;
width: 804px;
}

#pun-category4.category h2 { 
background: url("http://funkyimg.com/i/MXQP.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 207px;
margin-left: -21px;
width: 804px;
}

#pun-category5.category h2 { 
background: url("http://funkyimg.com/i/MXQQ.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 207px;
margin-left: -21px;
width: 804px;
}

#pun-category6.category h2 { 
background: url("http://funkyimg.com/i/MXQQ.png") 50% 0% no-repeat transparent;
font-size: 0px !important;
height: 207px;
margin-left: -21px;
width: 804px;
}



/* Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 207px;
width: 804px;
margin-left: -21px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/MXQS.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

ничего не помогает. прошу вашей помощи. ссылка на проблемный форум - http://ashstyle.rusff.ru

и пользуясь случаем, хотелось бы поблагодарить Deff за помощь в оформлении профиля. спасибо.

Отредактировано имя? (Пт, 10 Окт 2014 03:06:41)

0

Поделиться983Пт, 10 Окт 2014 09:52:40

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

имя?
Типичная проблема при использования скрипта(а не css) картинок в категории - прописанное название категорий в админке, не совпадает с названиями в скрипте, не те буквы или не учтены добавленнве пробелы, точки и запятые. Нун копировать названия категорий из Админки в скрипт.

0

Поделиться984Пт, 10 Окт 2014 12:53:13

Автор: boom
Заслуженный
Зарегистрирован: Пт, 8 Авг 2008
Сообщений: 250
Уважение: +8
Позитив: +108
Последний визит:
Ср, 3 Фев 2021 14:05:07

Deff
предыдущий вопрос отпал) возник немного другой)

Итак, знатоки!
Как можно вот сюда поставить картинку, которая приведена ниже.

и сдвинуть название по центру.
размер картинки, если не подходит, подгоню)

0

Поделиться985Пт, 10 Окт 2014 13:18:39

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

boom
Замените скрипт в Начале HTML низ

Код:

<style type="text/css">
#wrp-top{background-color:#0D1A29;background:url(http://sd.uploads.ru/K7k3c.jpg) 0 0!important;padding:1px 1px 18px 1px;}
.punbb #wrp-top *{background-color:transparent;border:none!important}
.punbb #wrp-top .wrp {padding:3px 0;margin-bottom:4px;}
#pun-crumbs1 {text-align:center; margin-top:23px}
</style>
<script type="text/javascript">
$('<div id=wrp-top><div class=wrp></div></div>').insertBefore("#pun-navlinks")
$("#pun-navlinks,#pun-ulinks,#pun-status,#pun-break1,#pun-crumbs1").appendTo("#wrp-top .wrp");
</script>

Отредактировано Deff (Пт, 10 Окт 2014 13:19:00)

+1

Поделиться986Пт, 10 Окт 2014 13:20:53

Автор: boom
Заслуженный
Зарегистрирован: Пт, 8 Авг 2008
Сообщений: 250
Уважение: +8
Позитив: +108
Последний визит:
Ср, 3 Фев 2021 14:05:07

Deff
спасибо огромное!

0

Поделиться987Пт, 10 Окт 2014 18:47:42

Автор: имя?
Заслуженный
Зарегистрирован: Пн, 14 Мар 2011
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 11 Ноя 2014 01:22:54

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

Типичная проблема при использования скрипта(а не css) картинок в категории - прописанное название категорий в админке, не совпадает с названиями в скрипте, не те буквы или не учтены добавленнве пробелы, точки и запятые. Нун копировать названия категорий из Админки в скрипт.

дело в том, что проблема не в скрипте, ибо все работало и никакие значения категорий не менялись, что могло привести к тому чтобы скрипт полетел. к тому же скрипт уже убрали и прописали категории в стиле - все равно никакого результата. я склонна грешить на код слайдера, после установки которого вообще половина кодов "сошли с ума", но и его то уже убрали. а как категории вернуть - не знаем.

0

Поделиться988Пт, 10 Окт 2014 18:51:09

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

имя?
Попробуйте восстановить категории скриптом, скопировав названия категорий из Админки, я к примеру чичас вижу, что в скрипте названия были все капсом, а текущие названия заглавная только первая

Отредактировано Deff (Пт, 10 Окт 2014 18:51:49)

0

Поделиться989Пт, 10 Окт 2014 19:02:58

Автор: имя?
Заслуженный
Зарегистрирован: Пн, 14 Мар 2011
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 11 Ноя 2014 01:22:54

Deff
все восстановили, ничего не изменилось.
названия как были так и есть капсом, вот, если нужно http://funkyimg.com/i/N1Ak.png

0

Поделиться990Пт, 10 Окт 2014 19:31:07

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

имя?
Ссылку на форум приводите
Копировать нун в скрипт, я не про css говорю, установите скрипт и скопируйте имена из админки в скрипт

Отредактировано Deff (Пт, 10 Окт 2014 19:32:33)

0

Поделиться991Пт, 10 Окт 2014 19:40:02

Автор: имя?
Заслуженный
Зарегистрирован: Пн, 14 Мар 2011
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 11 Ноя 2014 01:22:54

Deff
я знаю, и всегда так делаю, это и пытаюсь объяснить.
ссылка на форум http://ashstyle.rusff.ru
скрипт

Свернутый текст

Код:

<!--КАТЕГОРИИ-->
<script type="text/javascript">
        $(document).ready(function(){
        myarray=new Array(
        "BEGIN", "http://funkyimg.com/i/MXQL.png",
        "BEVERLY HILLS", "http://funkyimg.com/i/MXQM.png",
        "PERSONAL AND FLASHBACK", "http://funkyimg.com/i/MXQN.png", 
        "OFFTOP", "http://funkyimg.com/i/MXQP.png", 
        "ARHIVE", "http://funkyimg.com/i/MXQQ.png",
"Статистика форума", "http://funkyimg.com/i/MXQS.png"
        )

                $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i)
                {
        for(q=0;q<myarray.length;q++)
  {

        var cssObj = {
            "height":"182px", 
          "background-color": "transparent", 
           "background-image":"url("+myarray[q+1]+")",
           "background-position":"50% 55%",
           "background-repeat":"no-repeat",  
           "font-size": "0"   
        }

                if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
                q++}
            });
        });
        </script>

имена категорий http://funkyimg.com/i/N1Ak.png

0

Поделиться992Пт, 10 Окт 2014 19:47:03

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

имя? написал(а):

я знаю, и всегда так делаю, это и пытаюсь объяснить.ссылка на форум --

1. Отключите объвление, (галочка в Администрировании настройки) Там ошибка - портит селекторы

0

Поделиться993Пт, 10 Окт 2014 19:55:42

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

имя?
Нашел ошибку в объяве, добавьте в самый конец тег красным

<span class="tooltip"><a href="http://ashstyle.rusff.ru" class="Hoverbuttons"><img src="http://funkyimg.com/i/MZZb.png"/></a>
</span>

</center>
</div>

0

Поделиться994Пт, 10 Окт 2014 19:55:48

Автор: имя?
Заслуженный
Зарегистрирован: Пн, 14 Мар 2011
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 11 Ноя 2014 01:22:54

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

1. Отключите объвление, (галочка в Администрировании настройки) Там ошибка - портит селекторы

сделано.
а в чем именно ошибка, не подскажете?

0

Поделиться995Пт, 10 Окт 2014 19:56:58

Автор: имя?
Заслуженный
Зарегистрирован: Пн, 14 Мар 2011
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 11 Ноя 2014 01:22:54

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

Нашел ошибку в объяве, добавьте в самый конец тег красным

ох, спасибо большое!

0

Поделиться996Пт, 10 Окт 2014 23:17:58

Автор: Леонесса
Заслуженный
Зарегистрирован: Ср, 12 Авг 2009
Сообщений: 62
Уважение: 0
Позитив: +11
Последний визит:
Пт, 18 Мар 2016 21:20:35

Подскажите пожалуйста, возможно ли изменить цвет ника гостей? Не меняя остальной текст, так же, как изменен на форуме цвет ника зарегистрированного пользователя.
http://ability25.rusff.ru/

0

Поделиться997Сб, 11 Окт 2014 00:04:51

Автор: Fover
Лови мой ритм
Зарегистрирован: Вт, 19 Мар 2013
Сообщений: 2332
Уважение: +397
Позитив: +48
Пол: Мужской
Последний визит:
Вт, 13 Сен 2016 16:58:18

Леонесса

<script type="text/javascript">
$('.post-author').each(function() {
if($(this).find('.pa-title').text() == 'Гость') {
$(this).find('.pa-author').css('color', '#ff0000');
}
});
</script>

Красным - цвет никнейма гостя.

0

Поделиться998Сб, 11 Окт 2014 01:31:53

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

Леонесса

<style type="text/css">
.punbb .post .container .pa-author,
#pun-online .punbb td.tcl {
color:#FFFF00;
}</style>

Отредактировано Deff (Сб, 11 Окт 2014 01:51:19)

0

Поделиться999Сб, 11 Окт 2014 01:33:13

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

Fover
:glasses: У гостя могет быть ник не гость

<script type="text/javascript">
var clrGuest="#FC00FF"; // Цвет для гостя;
$('.pa-author').each(function(){
if($(this).children('a').length) return true;
$(this).css("color",clrGuest);
});
</script>

0

Поделиться1000Сб, 11 Окт 2014 02:02:44

Автор: Fover
Лови мой ритм
Зарегистрирован: Вт, 19 Мар 2013
Сообщений: 2332
Уважение: +397
Позитив: +48
Пол: Мужской
Последний визит:
Вт, 13 Сен 2016 16:58:18

Deff
Ник? what? Я ориентируюсь по статусу, а не по никнейму.
Тогда можно сделать так:

<script type="text/javascript">
$('.pa-author').each(function() {
if(!$(this).find('a').length) $(this).css('color', '#ff0000');
});
</script>

Общие вопросы по оформлению (54)

Отредактировано Fover (Сб, 11 Окт 2014 02:06:45)

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

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

Общие вопросы по оформлению (53)

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

Поделиться1Сб, 5 Апр 2014 15:43:50

Поделиться981Чт, 9 Окт 2014 14:26:50

Поделиться982Пт, 10 Окт 2014 02:52:58

Поделиться983Пт, 10 Окт 2014 09:52:40

Поделиться984Пт, 10 Окт 2014 12:53:13

Поделиться985Пт, 10 Окт 2014 13:18:39

Поделиться986Пт, 10 Окт 2014 13:20:53

Поделиться987Пт, 10 Окт 2014 18:47:42

Поделиться988Пт, 10 Окт 2014 18:51:09

Поделиться989Пт, 10 Окт 2014 19:02:58

Поделиться990Пт, 10 Окт 2014 19:31:07

Поделиться991Пт, 10 Окт 2014 19:40:02

Поделиться992Пт, 10 Окт 2014 19:47:03

Поделиться993Пт, 10 Окт 2014 19:55:42

Поделиться994Пт, 10 Окт 2014 19:55:48

Поделиться995Пт, 10 Окт 2014 19:56:58

Поделиться996Пт, 10 Окт 2014 23:17:58

Поделиться997Сб, 11 Окт 2014 00:04:51

Поделиться998Сб, 11 Окт 2014 01:31:53

Поделиться999Сб, 11 Окт 2014 01:33:13

Поделиться1000Сб, 11 Окт 2014 02:02:44