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

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

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


Вы здесь » Единый форум поддержки » Корзина » вопрос по дизайну


вопрос по дизайну

Сообщений 1 страница 20 из 20

1

Не знаю как называется вот здесь рядом с названием тем есть квадратик, на всех форумах разная картинка (конверт, собачки, кошечки, розочки и т.д) если в этом разделе есть новые сообщения, квадратик более темный.
Вопрос такой: могу ли я поставить вместо квадратиков свои картинки ?
Как это называется ?
И где взять такой скрипт ? :flirt:

0

2

Наталья2812 написал(а):

Не знаю как называется вот здесь рядом с названием тем есть квадратик, на всех форумах разная картинка (конверт, собачки, кошечки, розочки и т.д) если в этом разделе есть новые сообщения, квадратик более темный.

Может этот скрипт.

<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>

0

3

Anima
Спасибо !

0

4

Блин, даже не знаю в какую тему сунуться.... в общем:

Как можно сделать, что бы ссылки: Форум, Участники, Поиск. Профиль - в общем эта строка была посередине, другим шрифтом и цветом, и желательно эти ссылки переименовать

0

5

Ликия Користер Клим написал(а):

Как можно сделать, что бы ссылки: Форум, Участники, Поиск. Профиль - в общем эта строка была посередине, другим шрифтом и цветом, и желательно эти ссылки переименовать

Давайте создадим тему типовые Вопросы ? п.п.22

0

6

там нет такой темы

0

7

Ликия Користер Клим в первом посте смотрим пункт 22 сорри 21

Отредактировано Deff (Чт, 9 Июн 2011 20:53:38)

0

8

Deff
я вставила код. но после него у меня вообще нет панели навигации

0

9

Ликия Користер Клим
Вы бы хоть адрес форума дали.

0

10

а я же вроде давала...
http://tlkfire.mybb.ru/

0

11

Ликия Користер Клим написал(а):

а я же вроде давала...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>

Изображения впишите сами.

0

12

rps
спасибо большое с панелью навигации))
но вот с заменой, мне просто нужно поменять не на картинку, а на другое слово...

0

13

Ликия Користер Клим написал(а):

мне просто нужно поменять не на картинку, а на другое слово...

может этот.. тоже вниз..

<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>

последние теги это цвет слова.. сами меняйте..

0

14

АЛЬБ
спасибо, у меня получилось, вот только почему некоторые ссылки синим цветом?? и как там можно изменить "Выход","Войти","Администрирование"?

0

15

Ликия Користер Клим написал(а):

вот только почему некоторые ссылки синим цветом??

АЛЬБ написал(а):

последние теги это цвет слова.. сами меняйте..

.css('color' , 'здесь смените на нужный вам цвет');

0

16

Ликия Користер Клим написал(а):

и как там можно изменить "Выход","Войти","Администрирование"?

не знаю.. :dontknow:  это РПС и Дефф знают.. :rolleyes:

0

17

АЛЬБ написал(а):

.css('color' , 'здесь смените на нужный вам цвет')

там вообще цвет не поставлен никакой. а мне нужен тот, который у меня стоит.

0

18

Ликия Користер Клим написал(а):

АЛЬБспасибо, у меня получилось, вот только почему некоторые ссылки синим цветом?? и как там можно изменить "Выход","Войти","Администрирование"?

Прост уберите лишний код

<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>

0

19

Deff
какой?

0

20

Ликия Користер Клим  :glasses: А вы сравните с постом №13

0


Вы здесь » Единый форум поддержки » Корзина » вопрос по дизайну