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

Поделиться501Пн, 28 Мар 2011 20:39:39

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

Sweet Darkness
Здравствуйте.

Sweet Darkness написал(а):

Как в CSS сделать ник, статус, аватар и "активен" по центру.

Код:

<style type="text/css">
.post-author {
text-align: center !important;
}
</style>

Sweet Darkness написал(а):

к "активен" приставить небольшое изображение.

Код:

<script type="text/javascript">
var we = document.getElementsByTagName("li");
for (i in we) {
if (we[i].className == "pa-online") {
we[i].innerHTML = "<p style='margin-top: 3px;  margin-left: -10px;'><img src='http://i028.radikal.ru/1012/45/929512ce8ab9.ico' alt='OnLine' />&nbsp</span>&nbsp<span style=\"color: green; font-weight: bold;\">" + we[i].innerHTML + "</span><p>";
we[i].style.border = "none";
}
else if(we[i].className == "pa-last-visit")
we[i].innerHTML += "<p style='margin-top: 3px; margin-left: -10px;'><img src='http://s61.radikal.ru/i174/1012/33/c552913930d4.ico' alt='OffLine' />&nbsp;</span><span style=\"color: red; font-weight: bold;\">&nbsp;Не активен</span><p>";
}
</script>

Sweet Darkness написал(а):

Ищу скрипт который сможет создать навигацию. Как то появилось на одном форуме и все стали использовать.

Не понял, про что речь.

+1

Поделиться502Вт, 29 Мар 2011 01:01:15

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

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

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

Не понял, про что речь.

Извините, я про то что мне нужен скрипт вот такой (в таблице) навигации, если можно. Вот что имела ввиду.

0

Поделиться503Вт, 29 Мар 2011 10:54:01

Автор: mumu/
Заслуженный
Зарегистрирован: Ср, 23 Мар 2011
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Чт, 19 Май 2011 01:01:18

Вопрос - как изменить цвет текста "Отредактировано """" (Сегодня 08:04:45)" под сообщением.
У меня оно красного цвета. Дайте код пожалуйста.)

0

Поделиться504Вт, 29 Мар 2011 12:16:12

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Вчера 18:39:22

mumu/ написал(а):

Вопрос - как изменить цвет текста "Отредактировано """" (Сегодня 08:04:45)" под сообщением.У меня оно красного цвета. Дайте код пожалуйста.)

<style>
.lastedit {color:#ffffff;}
</style>

(*Можно поставить прозрачный - transparent - (*виден только при выделении курсором

0

Поделиться505Вт, 29 Мар 2011 12:36:24

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Вчера 18:39:22

Sweet Darkness написал(а):

Извините, я про то что мне нужен скрипт вот такой (в таблице) навигации, если можно. Вот что имела ввиду.

Там при наведении на ссылку cтавицо картинка бекграундом (якобы полуцилиндром меняющая цвет панели под ссылкой

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url(Картинка);
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat-x;
background-size: auto;
}

Отредактировано Deff (Вт, 29 Мар 2011 12:37:54)

0

Поделиться506Вт, 29 Мар 2011 15:46:41

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

Deff
Ах вот как...не айс. спасибо, большое.

0

Поделиться507Вт, 29 Мар 2011 17:05:29

Автор: Grell-tyan
Заслуженный
Зарегистрирован: Вс, 1 Ноя 2009
Сообщений: 109
Уважение: 0
Позитив: +7
Последний визит:
Вт, 10 Апр 2012 16:51:27

Здравствуйте)
Такой вопрос: можно ли убрать табличный фон из-под шапки? Я хочу, чтобы моя шапка как бы вливалась в фон.
И еще один. Я прописываю иконки собщений в стиле, но они никоим образом не работают. Что я делаю не так?
Вот код, что я вставляю в стиль (второе окно), в самый низ:

Код:

  .punbb td div.tclcon {margin-left: 2px;}


  .punbb Div.icon {background-image : url("http://i022.radikal.ru/1102/f7/5fd0da5880d2.png");
    float: right; 
    width: 110px; 
    height: 110px; 
    background-repeat: no-repeat; 
}

  TR.inew Div.icon {background-image : url("http://s56.radikal.ru/i151/1102/fd/d11af7f13c59.png");
    float: right; 
    width: 110px; 
    height: 110px; 
    background-repeat: no-repeat; 
}

  TR.iclosed Div.icon {background-image : url("http://i004.radikal.ru/1102/8f/24687bd5d030.png");
    float: right; 
    width: 110px; 
    height: 110px; 
    background-repeat: no-repeat; 
}

  TR.isticky Div.icon {background-image : url("http://s007.radikal.ru/i302/1102/1c/9502aa26f850.png");
    float: right; 
    width: 110px; 
    height: 110px; 
    background-repeat: no-repeat; 
}

  TR.iredirect Div.icon {background-image : url("http://s57.radikal.ru/i156/1102/7b/91f926b079e1.png");
    float: right; 
    width: 110px; 
    height: 110px; 
    background-repeat: no-repeat; 
}

Адрес форума: http://deathnote.roleforum.ru/

0

Поделиться508Вт, 29 Мар 2011 17:33:04

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

Добрый вечер! Не подскажите с помощью чего в КСС можно сделать текст как в категории этого форума.
Шрифт и первая буква жирная...

0

Поделиться509Вт, 29 Мар 2011 17:42:43

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Вчера 18:39:22

Sweet Darkness написал(а):

Шрифт и первая буква жирная...

.category h2 span{
color: #572019;
font-family: "helvetica", "Century Gothic", "Georgia", "verdana";
}
.category h2 span:first-letter{
font-weight:bold;
)

0

Поделиться510Вт, 29 Мар 2011 18:15:50

Автор: Taira
Заслуженный
Зарегистрирован: Ср, 5 Авг 2009
Сообщений: 46
Уважение: +4
Позитив: +2
Последний визит:
Ср, 13 Апр 2011 11:31:12

здравствуйте.
проблема с отображением фона.
в IE все хорошо отображается, а вот в опере не хочет.
прошу помощи, как это исправить?
форум

0

Поделиться511Вт, 29 Мар 2011 19:14:10

Автор: Акина
Заслуженный
Зарегистрирован: Чт, 10 Сен 2009
Сообщений: 211
Уважение: +6
Позитив: +12
Пол: Женский
Последний визит:
Чт, 21 Июн 2012 19:44:42

Здравствуйте. Это опять я и опять с тем же вопросом. Теперь попытаюсь рассказать подробнее, чтобы меня поняли правильно.
Адрес тестовика, на котором делаем дизайн.
Итак. Даны картинки:

С помощью этого кода я поставила именно эти иконки именно в этот подфорум. Теперь, когда пишут в этой локации - высвечивается иконка "новые сообщения", когда нет - соотвественно "старые". Код:

Код:

    #pun-main .category Div.icon {float: left; display: block; border-style: none none none none; height: 65px; width: 65px; background-repeat : no-repeat; background-position: top center; background-color : transparent;}
    tr#forum_f2 div.icon {background-image: url(http://s2.ipicture.ru/uploads/20110314/X8z7JSbI.png);  }
    tr#forum_f2 div.inew {background-image: url(http://s2.ipicture.ru/uploads/20110314/VMtM65a4.png);  }

Однако мне хочется, чтобы именно в этой локации были эти же кнопки, только внутри подфорума. Т.е. Если новые сообщение в теме - зажигалась иконка "новые сообщения", если тема не обновляется - "старые". Чтобы можно представить было:

Где красным выделено - новые сообщения, где синим - старые. На остальное можно не обращать внимание. И чтобы, когда тема устаревала, иконка автоматически менялась на "старую" как в обычном скрипте "замена стандартных иконок на свои".
Надеюсь, рассказала более менее нормально. Дефф предложил мне тему Своя иконка в тему, но этот вариант мне не подошел.

0

Поделиться512Вт, 29 Мар 2011 19:49:25

Автор: космос.
Стремящийся
Зарегистрирован: Вт, 29 Мар 2011
Сообщений: 1
Уважение: 0
Позитив: 0
Последний визит:
Пт, 20 Янв 2012 20:09:55

Здравствуйте. Подскажите, пожалуйста, как сделать подобный дизайн? Заранее спасибо : )

Отредактировано космос. (Вт, 29 Мар 2011 19:49:46)

0

Поделиться513Вт, 29 Мар 2011 20:34:57

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Вчера 18:39:22

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

в IE все хорошо отображается, а вот в опере не хочет.прошу помощи, как это исправить?

Ну во- первых поправьте HTML верх (замените свой -код..
во вторых ждите rps - там у Вас с позиционированием body относительно #pun - ерунда получается

Код:

<img src="http://savepic.net/913740.png" width="800" height="96" align="center"/>

div class=container style="position: absolute;z-index:100; width:340px; height: 700px; top:315px; left: 825px;COLOR: #; border: none;margin: 3px;overflow:auto;scrollbar-face-color: #f3e9d3;scrollbar-highlight-color: #8fc42f;scrollbar-shadow-color: #8fc42f;scrollbar-3dlight-color: #8fc42f;scrollbar-arrow-color: #8fc42f;scrollbar-track-color: #8fc42f;scrollbar-darkshadow-color: #8fc42f;"><br><br><br>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
<center><a href="ссылка" title="мастер"><img src=""></a></center>
<b>П</b> А Р Т Н Ё Р С Т В <b>О</b><br>
<marquee id="abs" style="width:49%;margin-left:60px;" direction="left" behavior="scroll" scrollamount="1" onmouseout="document.all.abs.start()" onmouseover="document.all.abs.stop()">банеры </marquee></div>> </div>

0

Поделиться514Вт, 29 Мар 2011 20:40:12

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Вчера 18:39:22

Акина Откройте свою собственную тему в этом же разделе - мну так и не понял, - что нужно ...
Сделайте пяток скринов с пояснениями - как сейчас и как надо и ссылки на конкретные страницы приводимые в примерах..

0

Поделиться515Вт, 29 Мар 2011 23:29:24

Автор: tartar4
Заслуженный
Зарегистрирован: Сб, 19 Мар 2011
Сообщений: 490
Уважение: +27
Позитив: +110
Предупреждения: 1. Флуд 2. Самозабвенно-бессмысленный флуд
Последний визит:
Пт, 15 Сен 2023 18:26:51

Привет всем

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

вот ещё вопрос: как убрать статистику?

Можно ли сделать, чтоб статистику видали только администраторы?
Благодарю заранее.

Отредактировано tartar4 (Вт, 29 Мар 2011 23:34:15)

0

Поделиться516Ср, 30 Мар 2011 00:34:24

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

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

Можно ли сделать, чтоб статистику видали только администраторы? Благодарю заранее.

tartar4, здравствуйте!
Уберите сначала из HTML-верх то, что я вам давал и попробуйте в HTML-низ поставить скрипт:

<script type="text/javascript">

Offstat("Статистика", new Array("Ник1", "Ник2", "Ник3"))

function Offstat(stat,myarray){
var a = 1
if(GroupID == 3){UserLogin = " "};
st = document.getElementById("pun-stats").innerHTML;

if (st.indexOf(stat)!= -1){
var a = 0
for(q=0;q<myarray.length;q++){
if (myarray[q]== UserLogin){
a = 1}}
if (a != 1){document.getElementById("pun-stats").style.display = "none";}
}
}
</script>

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

0

Поделиться517Ср, 30 Мар 2011 15:36:28

Автор: FR-Mia
Заслуженный
Зарегистрирован: Чт, 31 Дек 2009
Сообщений: 127
Уважение: +3
Позитив: +13
Пол: Женский
Последний визит:
Пт, 8 Июн 2012 15:19:59

rps
Спасибо большое за пост 500.

Есть еще вопросы:

1) Как замостить текст в цитате по левому краю?
2) Как изменить фон цитаты?
3) Что нужно поменять в стиле, чтобы активные ссылки были подчеркнутыми?

форум - http://newlewking.mybb.ru/

скрин цитаты

Отредактировано FR-Mia (Ср, 30 Мар 2011 15:41:26)

0

Поделиться518Ср, 30 Мар 2011 17:15:00

Автор: Baton
Заслуженный
Зарегистрирован: Вс, 20 Мар 2011
Сообщений: 33
Уважение: +3
Позитив: +10
Последний визит:
Пт, 13 Дек 2019 17:54:47

Здравствуйте)
Подскажите, пожалуйста, как сделать рамку внизу форума? Вот как ЗДЕСЬ, например? Я имею ввиду вот этот элемент - скрин.

0

Поделиться519Ср, 30 Мар 2011 17:21:47

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Вчера 18:39:22

Baton

к примеру можно картинкой в HTML низ - код такой

<img src="Ссылка на картинку" style="margin:0 0 0 0;width:100%;"/>

0

Поделиться520Ср, 30 Мар 2011 17:37:25

Автор: Baton
Заслуженный
Зарегистрирован: Вс, 20 Мар 2011
Сообщений: 33
Уважение: +3
Позитив: +10
Последний визит:
Пт, 13 Дек 2019 17:54:47

Deff
Что-то не получается... Если оставить Ваш код без изменений (не считая ссылки на картинку, конечно), то выходит, что нужная картинка сжимается до размера форума, не "захватывая" фон. Если вместо 100% указать ширину картинки, смещается сам форум Хх Может, поменять числовые значения здесь?

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

"margin:0 0 0 0

0

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

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

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

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

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

Сообщений 501 страница 520 из 1000

Поделиться501Пн, 28 Мар 2011 20:39:39

Поделиться502Вт, 29 Мар 2011 01:01:15

Поделиться503Вт, 29 Мар 2011 10:54:01

Поделиться504Вт, 29 Мар 2011 12:16:12

Поделиться505Вт, 29 Мар 2011 12:36:24

Поделиться506Вт, 29 Мар 2011 15:46:41

Поделиться507Вт, 29 Мар 2011 17:05:29

Поделиться508Вт, 29 Мар 2011 17:33:04

Поделиться509Вт, 29 Мар 2011 17:42:43

Поделиться510Вт, 29 Мар 2011 18:15:50

Поделиться511Вт, 29 Мар 2011 19:14:10

Поделиться512Вт, 29 Мар 2011 19:49:25

Поделиться513Вт, 29 Мар 2011 20:34:57

Поделиться514Вт, 29 Мар 2011 20:40:12

Поделиться515Вт, 29 Мар 2011 23:29:24

Поделиться516Ср, 30 Мар 2011 00:34:24

Поделиться517Ср, 30 Мар 2011 15:36:28

Поделиться518Ср, 30 Мар 2011 17:15:00

Поделиться519Ср, 30 Мар 2011 17:21:47

Поделиться520Ср, 30 Мар 2011 17:37:25