Ряд вопросов по оформлению форума

Поделиться1Вт, 5 Июл 2011 19:22:14

Автор: Оширо
Заслуженный
Зарегистрирован: Пн, 8 Дек 2008
Сообщений: 104
Уважение: +5
Позитив: +12
Пол: Женский
Последний визит:
Пн, 25 Мар 2013 18:26:56

накопилось, так сказать...

1) Как вставить вокно сообщения картинку, так, что она работает не в эффекте замастить, а словно там две картинки: внизу и вверху, - потомучто они на своем месте независимо от размера сообщения.

2) как вставить картинку туда, где выделено красной рамкой

3) можно ли здесь что-нибудь состряпать: заменить текстовые ссылки картинками или еще что-нибудь интересное. Если нет, то есть ли скрипт, который вставит туда(и только туда) фоновую картинку

4) картинка сюда

5) скрипт кнопочки, при нажатии которой тебя возвращают в начало(верх) страницы

6) ну и напоследок: как-то все не могу отыскать код замены иконки(картинки) статистики форума

Спасибо за внимание

Отредактировано Оширо (Вт, 5 Июл 2011 19:24:01)

0

Поделиться2Вт, 5 Июл 2011 19:38:38

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 07:34:03

Оширо написал(а):

1) Как вставить вокно сообщения картинку, так, что она работает не в эффекте замастить, а словно там две картинки: внизу и вверху, - потомучто они на своем месте независимо от размера сообщения.

Нарисуйте итог с картинками вклеенный в скриншот сообщения - т.е как это выглядит в итоге и ссылки на картинки, которые вы хотите установить

Отредактировано Deff (Вт, 5 Июл 2011 19:38:53)

0

Поделиться3Вт, 5 Июл 2011 20:16:37

Автор: Оширо
Заслуженный
Зарегистрирован: Пн, 8 Дек 2008
Сообщений: 104
Уважение: +5
Позитив: +12
Пол: Женский
Последний визит:
Пн, 25 Мар 2013 18:26:56

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

Нарисуйте итог с картинками вклеенный в скриншот сообщения - т.е как это выглядит в итоге и ссылки на картинки, которые вы хотите установить

скрин:

картинка верх http://s007.radikal.ru/i301/1107/b3/3d4159b53841.png
картинка низ http://i044.radikal.ru/1107/27/e0c01ed679e3.png

0

Поделиться4Вт, 5 Июл 2011 20:32:48

Автор: Sevenf0ld
Заслуженный
Зарегистрирован: Чт, 8 Апр 2010
Сообщений: 80
Уважение: +2
Позитив: +5
Пол: Мужской
Последний визит:
Сб, 28 Сен 2013 16:41:26

Оширо написал(а):

3) можно ли здесь что-нибудь состряпать: заменить текстовые ссылки картинками или еще что-нибудь интересное. Если нет, то есть ли скрипт, который вставит туда(и только туда) фоновую картинку

Код ставится в хтмл низ, ну и собственно вам только нужно отрисовать в фотошопе кнопки для меню, залить на хостинг и поставить ссылки там где подписано - "ваша картинка"

Код:

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

+1

Поделиться5Вт, 5 Июл 2011 20:35:19

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 07:34:03

Оширо Картинка вниз не открываецо

0

Поделиться6Вт, 5 Июл 2011 20:35:54

Автор: Оширо
Заслуженный
Зарегистрирован: Пн, 8 Дек 2008
Сообщений: 104
Уважение: +5
Позитив: +12
Пол: Женский
Последний визит:
Пн, 25 Мар 2013 18:26:56

Sevenf0ld
Большое спасибо

0

Поделиться7Вт, 5 Июл 2011 20:42:04

Автор: Оширо
Заслуженный
Зарегистрирован: Пн, 8 Дек 2008
Сообщений: 104
Уважение: +5
Позитив: +12
Пол: Женский
Последний визит:
Пн, 25 Мар 2013 18:26:56

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

Картинка вниз не открываецо

попробуем еще раз перезалить, вот : http://s60.radikal.ru/i167/1107/e1/f152cd555778.png

0

Поделиться8Вт, 5 Июл 2011 20:50:42

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 07:34:03

Оширо ссылку на форум дай

0

Поделиться9Вт, 5 Июл 2011 20:56:58

Автор: Оширо
Заслуженный
Зарегистрирован: Пн, 8 Дек 2008
Сообщений: 104
Уважение: +5
Позитив: +12
Пол: Женский
Последний визит:
Пн, 25 Мар 2013 18:26:56

Deff
http://warriorakademy.spybb.ru

0

Поделиться10Вт, 5 Июл 2011 23:09:40

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 07:34:03

Оширо написал(а):

Deffhttp://warriorakademy.spybb.ru

:glasses:
Пробуйте в конец второго Окна стиля:

/*Ставим фон в посте 'та еще бумажка' */
.punbb .post-body{
background:#A08867 url(http://savepic.org/1964338.png) bottom right no-repeat;
}
.punbb .post-box {
background:transparent url(http://savepic.org/1922354.png) top right no-repeat;
}

Отредактировано Deff (Вт, 5 Июл 2011 23:10:22)

+1

Поделиться11Ср, 6 Июл 2011 07:23:13

Автор: Оширо
Заслуженный
Зарегистрирован: Пн, 8 Дек 2008
Сообщений: 104
Уважение: +5
Позитив: +12
Пол: Женский
Последний визит:
Пн, 25 Мар 2013 18:26:56

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

Пробуйте в конец второго Окна стиля:

чудесно работает. спасибо

0

Поделиться12Ср, 6 Июл 2011 15:31:38

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Оширо
Здравствуйте.

Оширо написал(а):

2) как вставить картинку туда, где выделено красной рамкой

Код:

<style type="text/css">
.pa-avatar {
  padding-top: 40px !important;
  background: transparent url(http://www.imageup.ru/img19/snimok699253.png) no-repeat top center !important;
  display: block; 
  width: 19em; 
  position: relative; 
  left: -10px;
  z-index: 1000;
}
</style>

Изображение и другие параметры настроите сами.

Оширо написал(а):

4) картинка сюда

Код:

<link rel="shortcut icon" href="Адрес изображения" type="image/vnd.microsoft.icon">
<link rel="icon" href="Адрес изображения" type="image/vnd.microsoft.icon">

Оширо написал(а):

5) скрипт кнопочки, при нажатии которой тебя возвращают в начало(верх) страницы

Код:

<a href='javascript: scroll(0, 0);'>Наверх</a>

Оширо написал(а):

6) ну и напоследок: как-то все не могу отыскать код замены иконки(картинки) статистики форума

Код:

<style type="text/css">
#pun-stats ul.container {
background-image: url(http://www.imageup.ru/img19/add699273.png); 
background-repeat: no-repeat;
background-position: 5px 15px;
padding-left: 60px;
}
</style>

Адрес и параметры также настроите самостоятельно.

+1

Поделиться13Ср, 6 Июл 2011 17:52:37

Автор: Оширо
Заслуженный
Зарегистрирован: Пн, 8 Дек 2008
Сообщений: 104
Уважение: +5
Позитив: +12
Пол: Женский
Последний визит:
Пн, 25 Мар 2013 18:26:56

rps
благодарю

0

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

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

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

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

Ряд вопросов по оформлению форума

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

Поделиться1Вт, 5 Июл 2011 19:22:14

Поделиться2Вт, 5 Июл 2011 19:38:38

Поделиться3Вт, 5 Июл 2011 20:16:37

Поделиться4Вт, 5 Июл 2011 20:32:48

Поделиться5Вт, 5 Июл 2011 20:35:19

Поделиться6Вт, 5 Июл 2011 20:35:54

Поделиться7Вт, 5 Июл 2011 20:42:04

Поделиться8Вт, 5 Июл 2011 20:50:42

Поделиться9Вт, 5 Июл 2011 20:56:58

Поделиться10Вт, 5 Июл 2011 23:09:40

Поделиться11Ср, 6 Июл 2011 07:23:13

Поделиться12Ср, 6 Июл 2011 15:31:38

Поделиться13Ср, 6 Июл 2011 17:52:37