Не знаю как называется вот здесь рядом с названием тем есть квадратик, на всех форумах разная картинка (конверт, собачки, кошечки, розочки и т.д) если в этом разделе есть новые сообщения, квадратик более темный.
Вопрос такой: могу ли я поставить вместо квадратиков свои картинки ?
Как это называется ?
И где взять такой скрипт ?
вопрос по дизайну
Сообщений 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 |