Не знаю как называется вот здесь рядом с названием тем есть квадратик, на всех форумах разная картинка (конверт, собачки, кошечки, розочки и т.д) если в этом разделе есть новые сообщения, квадратик более темный.
Вопрос такой: могу ли я поставить вместо квадратиков свои картинки ?
Как это называется ?
И где взять такой скрипт ? 
вопрос по дизайну
Сообщений 1 страница 20 из 20
ПеревестиПоделиться1Сб, 4 Июн 2011 11:03:45
ПеревестиПоделиться2Сб, 4 Июн 2011 11:09:59
Не знаю как называется вот здесь рядом с названием тем есть квадратик, на всех форумах разная картинка (конверт, собачки, кошечки, розочки и т.д) если в этом разделе есть новые сообщения, квадратик более темный.
Может этот скрипт.
<style type="text/css">
.punbb table Div.icon {float: left; display: block; width: 76px; height:76px; border-style: none; background-image: url(картинка); background-repeat: no-repeat; position: relative;}
TR.inew Div.icon {background-image : url(картинка); background-repeat: no-repeat; }
TR.isticky Div.icon {background-image : url(картинка); background-repeat: no-repeat; }
TR.iclosed Div.icon {background-image : url(картинка); background-repeat: no-repeat; }
TR.iredirect Div.icon {background-image : url(картинка); background-repeat: no-repeat; }
#pun-main table div.tclcon {padding-left: 110px;}
</style>
ПеревестиПоделиться3Сб, 4 Июн 2011 15:12:39
Anima
Спасибо !
ПеревестиПоделиться4Чт, 9 Июн 2011 19:52:26
Блин, даже не знаю в какую тему сунуться.... в общем:
Как можно сделать, что бы ссылки: Форум, Участники, Поиск. Профиль - в общем эта строка была посередине, другим шрифтом и цветом, и желательно эти ссылки переименовать
ПеревестиПоделиться5Чт, 9 Июн 2011 20:26:36
Как можно сделать, что бы ссылки: Форум, Участники, Поиск. Профиль - в общем эта строка была посередине, другим шрифтом и цветом, и желательно эти ссылки переименовать
ПеревестиПоделиться6Чт, 9 Июн 2011 20:50:35
там нет такой темы
ПеревестиПоделиться7Чт, 9 Июн 2011 20:52:41
Ликия Користер Клим в первом посте смотрим пункт 22 сорри 21
Отредактировано Deff (Чт, 9 Июн 2011 20:53:38)
ПеревестиПоделиться8Пн, 13 Июн 2011 15:42:31
Deff
я вставила код. но после него у меня вообще нет панели навигации
ПеревестиПоделиться9Пн, 13 Июн 2011 22:13:20
Ликия Користер Клим
Вы бы хоть адрес форума дали.
ПеревестиПоделиться10Вт, 14 Июн 2011 20:35:22
а я же вроде давала...
http://tlkfire.mybb.ru/
ПеревестиПоделиться11Ср, 15 Июн 2011 18:21:45
а я же вроде давала...http://tlkfire.mybb.ru/
В каком сообщении этой темы кроме последнего Вы его дали?
Как можно сделать, что бы ссылки: Форум, Участники, Поиск. Профиль - в общем эта строка была посередине, другим шрифтом и цветом
Во втором окне стиля ищите:
/* CS3.3 */
#pun-navlinks a {
color: #804020;
text-decoration: underline;
}и меняете на это:
/* CS3.3 */
#pun-navlinks a {
color: #804020;
text-decoration: underline;
font-size: 15px;
font-style: italic;
font-weight: bold;
font-family: "Segoe print";
}Свойства идут в порядке: цвет текста, украшение текста, размер текста, наклон текста, жирность текста, семейство шрифта. Меняйте на то, что требуется. Ниже есть пункт "CS3.4", он отвечает за те же ссылки, но при наведении курсора.
Кроме того, в первом окне стиля поменяйте пункт "D3.1" на это:
/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
border-style: none;
border-width: 0;
margin: 0;
text-align: center;
}Что касается замены слов изображениями - ставьте в ХТМЛ-низ эти скрипты:
<script>
<!--
indexof="<img src='ссылка на картинку' />"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
userof="<img src='ссылка на картинку' />"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
pravilof="<img src='ссылка на картинку' />"
str = document.getElementById("navrules").innerHTML
pos = str.indexOf("Правила")
document.getElementById("navrules").innerHTML=str.substring(0,pos)+pravilof+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
findof="<img src='ссылка на картинку' />"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
faseof="<img src='ссылка на картинку' />"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
pismaof="<img src='ссылка на картинку' />"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
godof="<img src='ссылка на картинку' />"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>
<script>
<!--
valiof="<img src='ссылка на картинку' />"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
vxodiof="<img src='ссылка на картинку' />"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
regof="<img src='ссылка на картинку' />"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1)
-->
</script>Изображения впишите сами.
ПеревестиПоделиться12Ср, 15 Июн 2011 20:44:57
rps
спасибо большое с панелью навигации))
но вот с заменой, мне просто нужно поменять не на картинку, а на другое слово...
ПеревестиПоделиться13Ср, 15 Июн 2011 21:17:16
мне просто нужно поменять не на картинку, а на другое слово...
может этот.. тоже вниз..
<script type="text/javascript">
$(function(){
$('li#navindex>a>span:contains("Форум")').html('На главную').css('color' , 'maroon');
$('li#navrules>a>span:contains("Правила")').html('Правила Регистрации').css('color' , 'blue');
$('li#navuserlist>a>span:contains("Участники")').html('Пользователи').css('color' , 'maroon');
$('li#navsearch>a>span:contains("Поиск")').html('Поиск по форуму').css('color' , 'blue');
$('li#navprofile>a>span:contains("Профиль")').html('Ваш профиль').css('color' , 'maroon');
$('li#navpm>a>span:contains("Сообщения")').html('Личные сообщения').css('color' , 'blue');
});
</script>
последние теги это цвет слова.. сами меняйте..
ПеревестиПоделиться14Ср, 15 Июн 2011 22:45:27
АЛЬБ
спасибо, у меня получилось, вот только почему некоторые ссылки синим цветом?? и как там можно изменить "Выход","Войти","Администрирование"?
ПеревестиПоделиться15Ср, 15 Июн 2011 22:53:37
вот только почему некоторые ссылки синим цветом??
последние теги это цвет слова.. сами меняйте..
.css('color' , 'здесь смените на нужный вам цвет');
ПеревестиПоделиться16Ср, 15 Июн 2011 22:56:21
и как там можно изменить "Выход","Войти","Администрирование"?
не знаю..
это РПС и Дефф знают.. 
ПеревестиПоделиться17Чт, 16 Июн 2011 18:24:30
.css('color' , 'здесь смените на нужный вам цвет')
там вообще цвет не поставлен никакой. а мне нужен тот, который у меня стоит.
ПеревестиПоделиться18Чт, 16 Июн 2011 18:36:34
АЛЬБспасибо, у меня получилось, вот только почему некоторые ссылки синим цветом?? и как там можно изменить "Выход","Войти","Администрирование"?
Прост уберите лишний код
<script type="text/javascript">
$(function(){
$('li#navindex>a>span:contains("Форум")').html('На главную');
$('li#navrules>a>span:contains("Правила")').html('Правила Регистрации');
$('li#navuserlist>a>span:contains("Участники")').html('Пользователи');
$('li#navsearch>a>span:contains("Поиск")').html('Поиск по форуму');
$('li#navprofile>a>span:contains("Профиль")').html('Ваш профиль');
$('li#navpm>a>span:contains("Сообщения")').html('Личные сообщения');
});
</script>
ПеревестиПоделиться19Чт, 16 Июн 2011 21:23:37
Deff
какой?
ПеревестиПоделиться20Чт, 16 Июн 2011 21:33:56
Ликия Користер Клим
А вы сравните с постом №13
Похожие темы
| Вопросы по дизайну форумов | Корзина | Вт, 22 Мар 2011 |
| Вопросы по дизайну форумов в CSS | Корзина | Вт, 23 Янв 2007 |
| Вопросы о Дизайне! | Корзина | Вт, 27 Янв 2009 |
| Вопрос По дизайну | Корзина | Вт, 13 Сен 2011 |
| вопросы по дизайну | Корзина | Вт, 28 Июл 2009 |