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

Поделиться201Пн, 25 Июн 2012 17:30:33

Автор: Naрuтo
Заслуженный
Зарегистрирован: Ср, 30 Май 2012
Сообщений: 130
Уважение: +22
Позитив: +32
Пол: Мужской
Последний визит:
Сб, 2 Мар 2024 17:52:12

А куда вставлять или как сделать рамку для форума?

Поделиться202Пн, 25 Июн 2012 18:42:40

Автор: ruslan_as
Заслуженный
Зарегистрирован: Пн, 21 Ноя 2011
Сообщений: 815
Уважение: +52
Позитив: +329
Последний визит:
Чт, 5 Янв 2017 11:30:27

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

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #333333;
border-bottom: 0px none #000;
text-decoration: none;
text-shadow:#fff 1px 1px 1px;
}

Дефф, у меня при этом только в админке ссылки поменялись...

всунул сюда

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

Код:

/* CS3.3 */
#pun-navlinks a {

/*Самая верхняя строка On-line, Форум, Участники, Поиск, Профиль, Сообщения, Администрирование*/

  color:  #FF0033; /*#FF0000; 333*/
  font-style: italic;
 font-size: 2em!important ;
font-family: Monotype Corsiva;
  text-decoration: none

 border-bottom: 0px none #000;
   
    text-shadow:#9900CC 1px 1px 1px;
  }

поменял на главной

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

куда ещё это всунуть чтобы сменить ВОТ ЗДЕСЬ понравился эффект

чтобы и здесь была тень

0

Поделиться203Вт, 26 Июн 2012 08:38:31

Автор: Finka
Заслуженный
Зарегистрирован: Вс, 3 Апр 2011
Сообщений: 618
Уважение: +16
Позитив: +129
Последний визит:
Ср, 10 Май 2017 01:12:10

Код:

<script type="text/javascript">
inColor("red", new Array("Duka", "Admin"), "#ffffcc")
inColor("blue", new Array("AmiRa", "Impuls 101"), "#abcdef")
inColor("green", new Array("likka"), "#fedcba")
inColor("gray", new Array("rps"), "#fedabc")
inColor("yellow", new Array("Шмель", "Изя", "DART"), "#cbafed")
function inColor(color, myarray, background){
var a=document.links
for(i=0;i<a.length;i++){
for(q=0;q<myarray.length;q++){
if(a[i].innerHTML==myarray[q]){
a[i].innerHTML="<span style=\"color: "+color+"; padding: 2px !important; background-color: " + background + "; border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px;\">"+myarray[q]+"</span>"
}}}}
</script>

Общие вопросы по оформлению (39) пост 880.

Как добавить тень? Сколько ни пыталась - исчезает всё. Дефф, помоги!

0

Поделиться204Вт, 26 Июн 2012 10:08:40

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

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

Как добавить тень?

Код:

<style>
span.Shadow {
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px;
padding:0 4px;
color:#fff;
text-shadow:#000 1px 1px 1px;
   transition-duration: 0.96s;
  -webkit-transition-duration: 0.96s;
  -moz-transition-duration: 0.96s;
  -o-transition-duration: 0.96s;
  -ms-transition-duration: 0.96s; /* IE9+ */
}
span.Shadow:hover {
color:#C1D3FB;
text-shadow:#000 1px 1px 1px;
}
</style>
<script type="text/javascript">
inColor("red", new Array("Finka", "Admin"))
//inColor("blue", new Array("AmiRa", "Impuls 101"), "#abcdef")
//inColor("green", new Array("likka"), "#fedcba")
//inColor("gray", new Array("rps"), "#fedabc")
//inColor("yellow", new Array("Шмель", "Изя", "DART"), "#cbafed")
function inColor(color, myarray){
var a=document.links
for(i=0;i<a.length;i++){
for(q=0;q<myarray.length;q++){
if(a[i].innerHTML==myarray[q]){
a[i].innerHTML='<span class=Shadow style="background-color:'+color+'">'+myarray[q]+'</span>';
}}}}
</script>

Отредактировано Deff (Вт, 26 Июн 2012 10:29:38)

0

Поделиться205Вт, 26 Июн 2012 11:20:33

Автор: Finka
Заслуженный
Зарегистрирован: Вс, 3 Апр 2011
Сообщений: 618
Уважение: +16
Позитив: +129
Последний визит:
Ср, 10 Май 2017 01:12:10

Deff
Нет, тень не к тексту, а к бэкграунду)

0

Поделиться206Вт, 26 Июн 2012 13:12:09

Автор: Лягушатинка
Заслуженный
Зарегистрирован: Ср, 18 Авг 2010
Сообщений: 47
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Вт, 19 Фев 2013 21:45:46

Лягушатинка написал(а):

Deff
http://s1.uploads.ru/i/j/I/4/jI4r3.png
эта должна быть больше
Нужно впихнуть таблицу между панелькой навигации и панелькой сообщений. В идеале - передвинув верхнюю панельку навигации выше, как на втором скрине
http://s1.uploads.ru/i/p/j/i/pjivw.png

0

Поделиться207Вт, 26 Июн 2012 15:20:53

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

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

Нет, тень не к тексту, а к бэкграунду)

Код:

<style>
span.Shadow {
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px;
padding:0 4px;
color:#fff;
text-shadow:#000 1px 1px 1px;
   transition-duration: 0.96s;
  -webkit-transition-duration: 0.96s;
  -moz-transition-duration: 0.96s;
  -o-transition-duration: 0.96s;
  -ms-transition-duration: 0.96s; /* IE9+ */

    box-shadow: 0px 2px 6px #B2C9CE;
    -webkit-box-shadow: 0px 2px 6px #B2C9CE;
    -khtml-box-shadow: 0px 2px 6px #B2C9CE;
    -moz-box-shadow: 0px 2px 6px #B2C9CE;
    -ms-box-shadow: 0px 2px 6px #B2C9CE;
}
span.Shadow:hover {
color:#C1D3FB;
text-shadow:#000 1px 1px 1px;
}
</style>
<script type="text/javascript">
inColor("red", new Array("Finka", "Admin"))
//inColor("blue", new Array("AmiRa", "Impuls 101"), "#abcdef")
//inColor("green", new Array("likka"), "#fedcba")
//inColor("gray", new Array("rps"), "#fedabc")
//inColor("yellow", new Array("Шмель", "Изя", "DART"), "#cbafed")
function inColor(color, myarray){
var a=document.links
for(i=0;i<a.length;i++){
for(q=0;q<myarray.length;q++){
if(a[i].innerHTML==myarray[q]){
a[i].innerHTML='<span class=Shadow style="background-color:'+color+'">'+myarray[q]+'</span>';
}}}}
</script>

+1

Поделиться208Вт, 26 Июн 2012 15:30:33

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

Лягушатинка
Впишите таблицу - а мну передвинет (Табле или её обраблению дайте id (или тому и другому, если есть оба))

0

Поделиться209Вт, 26 Июн 2012 18:07:30

Автор: Sweet Darkness
Заслуженный
Зарегистрирован: Вт, 26 Окт 2010
Сообщений: 506
Уважение: +17
Позитив: +178
Последний визит:
Пн, 5 Ноя 2012 12:09:17

Как сделать спойлер плавно выдвигающимся?

0

Поделиться210Вт, 26 Июн 2012 20:36:25

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

Sweet Darkness
В этой теме много вариантов - см с конца => Изменения в форме ответа

+1

Поделиться211Вт, 26 Июн 2012 22:59:19

Автор: Sweet Darkness
Заслуженный
Зарегистрирован: Вт, 26 Окт 2010
Сообщений: 506
Уважение: +17
Позитив: +178
Последний визит:
Пн, 5 Ноя 2012 12:09:17

Deff
Спасибо! Нашла)

0

Поделиться212Вт, 26 Июн 2012 23:14:01

Автор: Sweet Darkness
Заслуженный
Зарегистрирован: Вт, 26 Окт 2010
Сообщений: 506
Уважение: +17
Позитив: +178
Последний визит:
Пн, 5 Ноя 2012 12:09:17

Возможно ли сделать отдельную кликабельную ссылку рядом с последним обновлением темы?

0

Поделиться213Вт, 26 Июн 2012 23:39:45

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

Sweet Darkness

<script type="text/javascript">
document.getElementById("forum_f2").getElementsByTagName("td")[3].innerHTML += "<span style='display: block; tex-align: center; width: 100%;'><a href='/viewtopic.php?id=1'>Наше рекламное объявление</a></span>";
</script>

В ХТМЛ-низ. Оформите сами.
Выделенное - номер форума, в который хотите добавить ссылку (узнаете из ссылки на него).

Отредактировано rps (Вт, 26 Июн 2012 23:40:57)

+1

Поделиться214Ср, 27 Июн 2012 08:38:38

Автор: Лягушатинка
Заслуженный
Зарегистрирован: Ср, 18 Авг 2010
Сообщений: 47
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Вт, 19 Фев 2013 21:45:46

Deff
а можно послать меня туда, где рассказывется, как это делают? ^ ^"

0

Поделиться215Ср, 27 Июн 2012 10:25:19

Автор: ..Boleyn
Заслуженный
Зарегистрирован: Ср, 19 Янв 2011
Сообщений: 410
Уважение: +27
Позитив: +118
Последний визит:
Чт, 10 Июн 2021 19:21:50

тот же вопрос: убрать выравнивание профиля по центру. http://damnedones.rusff.ru/ (диз сменился, там такую же строку не нашла о.о)

0

Поделиться216Ср, 27 Июн 2012 10:49:13

Автор: Sweet Darkness
Заслуженный
Зарегистрирован: Вт, 26 Окт 2010
Сообщений: 506
Уважение: +17
Позитив: +178
Последний визит:
Пн, 5 Ноя 2012 12:09:17

rps
Большое спасибо!)))

0

Поделиться217Ср, 27 Июн 2012 14:34:12

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

Лягушатинка написал(а):

а можно послать меня туда, где рассказывется, как это делают? ^ ^"

Рассказываю
Задаёте, после всех впихиваний, ширину меню равное форуму, абсолютную позицию и двигаете вверх

#pun-navlinks {
position:absolute;
z-index:100;
width:890px;
margin-top:-230px;
}

0

Поделиться218Ср, 27 Июн 2012 18:36:18

Автор: Naрuтo
Заслуженный
Зарегистрирован: Ср, 30 Май 2012
Сообщений: 130
Уважение: +22
Позитив: +32
Пол: Мужской
Последний визит:
Сб, 2 Мар 2024 17:52:12

Ребята помогите. Я сделал рамку для форума когда её вставил всё было нормально, но форум вылазил за границы, потом его(форум) уменьшил, форум стал нормальный но рамка уменьшилась, подскажите что делать?

0

Поделиться219Ср, 27 Июн 2012 21:02:58

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

Naрuтo
Для начала ссылку и скриншот - как должно быть в идеале
и каким кодом делали рамку

0

Поделиться220Ср, 27 Июн 2012 21:19:17

Автор: Finka
Заслуженный
Зарегистрирован: Вс, 3 Апр 2011
Сообщений: 618
Уважение: +16
Позитив: +129
Последний визит:
Ср, 10 Май 2017 01:12:10

<script type="text/javascript">
function LastPosterAvatar(){
$('div.forum tr, tr[id^="forum_f"]').map(function(){
var self = $(this).find('td.tcr a');
var lastor='<img style="float: right;margin:5px 7px 3px 3px;border-radius:15px/15px;" width="32px" height="32px"';
var LastTema=$(this).find('td.tcr a').attr('href');
/* cкрипт запрещен администрацией сервиса */
function getLastPoster(data){
$(data).find('div[class$="endpost"]').each(function(){
var LastPosterAva=$(this).find('li.pa-avatar img').attr('src');
var LastLogin=$(this).find('li.pa-author a').text();
if (LastPosterAva==undefined){LastPosterAva='http://forumstatic.ru/files/000f/14/29/81707.png'};
lastor +='alt="Аватар" title="Автор последнего сообщения: '+LastLogin+'" src="'+LastPosterAva+'">';
self.before(lastor);
}); } }); }
LastPosterAvatar();
</script>

Нужно придать тень аватаркам...

0

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

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

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

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

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

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

Поделиться201Пн, 25 Июн 2012 17:30:33

Поделиться202Пн, 25 Июн 2012 18:42:40

Поделиться203Вт, 26 Июн 2012 08:38:31

Поделиться204Вт, 26 Июн 2012 10:08:40

Поделиться205Вт, 26 Июн 2012 11:20:33

Поделиться206Вт, 26 Июн 2012 13:12:09

Поделиться207Вт, 26 Июн 2012 15:20:53

Поделиться208Вт, 26 Июн 2012 15:30:33

Поделиться209Вт, 26 Июн 2012 18:07:30

Поделиться210Вт, 26 Июн 2012 20:36:25

Поделиться211Вт, 26 Июн 2012 22:59:19

Поделиться212Вт, 26 Июн 2012 23:14:01

Поделиться213Вт, 26 Июн 2012 23:39:45

Поделиться214Ср, 27 Июн 2012 08:38:38

Поделиться215Ср, 27 Июн 2012 10:25:19

Поделиться216Ср, 27 Июн 2012 10:49:13

Поделиться217Ср, 27 Июн 2012 14:34:12

Поделиться218Ср, 27 Июн 2012 18:36:18

Поделиться219Ср, 27 Июн 2012 21:02:58

Поделиться220Ср, 27 Июн 2012 21:19:17