Техническая поддержка сервиса Quadro.Boards

sadhaka

Как сделать? Что вставить? Где править?
Отвечаем на ваши вопросы по оформлению форумов. :mybb:

Прошлые темы:
1. Вопросы по оформлению форумов, дизайну и css
2. Вопросы по оформлению форумов, дизайну и css - 2
3. Вопросы по оформлению форума, дизайну и css (3)

Теги: вопросы по оформлению,стиль форума,стиль,css,style,как сделать

+1

ornyse · Поделиться**901**21.10.2015 20:10:32

Ichimaru Gin написал(а):

В описание каждого форума вставляете следующее:

Вместо текста на русском - свой под описание
Вместо баннеров, которые во второй части - свои баннеры.

Затем в стиль

Таким образом появятся две колонки: с описанием и баннерами. С шириной 80 и 20 можно поиграть, если остается слишком много места, сумма общей ширины должна быть 100.

Это не то. Вот что получилось.

А нужно чтобы был 1 банер и справа в колонке. По центру каждого описания форума

0

Ichimaru Gin · Поделиться**902**21.10.2015 20:14:10

ornyse
видно где-то вы в стиле не доставили что-то. Верните код, пожалуйста и не убирайте до ответа, мне же надо видеть, что происходит)
Добавлено спустя 56 секунд:
Надо видеть от гостя тестовое описание.

Отредактировано Ichimaru Gin (21.10.2015 20:15:06)

0

ornyse · Поделиться**903**21.10.2015 20:24:59

Ichimaru Gin написал(а):

ornyse
видно где-то вы в стиле не доставили что-то. Верните код, пожалуйста и не убирайте до ответа, мне же надо видеть, что происходит)
Добавлено спустя 56 секунд:
Надо видеть от гостя тестовое описание.

Отредактировано Ichimaru Gin (Сегодня 18:15:06)

Ладно проехали. Спасибо. Очень муторно это все

0

Givara · [1993-01-23]

Добрый день, как вот такие ссылки сделать? : )

+

http://undercover.rusff.me/

Отредактировано Givara (22.10.2015 17:50:05)

0

Fumuse · [1996-02-23]

Givara
При создании ссылок вставляете их в блок:
<div id="forum_links">...</div>

<div id="forum_links">
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>

В коды (верх):

Код:

<style type="text/css">
#forum_links {
    text-align: center;
    margin-top: 4px !important;
}
#forum_links a {
    display: inline-block;
    font-size: 12px;
    background: #579ba5;
    color: #063137!important;
    padding: 2px;
    margin: 1px!important;
    text-transform: uppercase;
    text-align: center;
    width: 55px;
}
#forum_links a:hover {
    background: #729cdc;
    color: #0b2245!important;
}
</style>

+1

Rashel Maren · Поделиться**906**24.10.2015 03:40:13

Простите, но до сих пор не понимаю как сделать мини профили.
Помогите пожалуйста! Мне только нужно оформление. Прятать за кнопками я умею.

Все кнопки все есть
помогите
http://losthope.f-rpg.ru/

0

Ichimaru Gin · Поделиться**907**24.10.2015 09:42:52

Rashel Maren
Вам нужно это Сворачивание информации под N-кнопок в профиле топика или оформление ЛЗ?

0

Rashel Maren · Поделиться**908**24.10.2015 23:04:53

Ichimaru Gin
Именно оформление самого мини профиля. Скрывать под кнопками я умею. А вот настраивать шрифт и выделения информации я не могу. Плюс не знаю как добавить тень к аватарке.

0

радость · Поделиться**909**25.10.2015 12:04:30

Добрый день!
Есть код, который заменяет слово "Награды" в навигации на картинку:

<script>
var sek = 100;
function setNagrad(){
indexof="<img src='ссылка на картинку' >"
str = document.getElementById("navawards").innerHTML
pos = str.indexOf("Награды")
document.getElementById("navawards").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+7,str.length-1)
}
TestRotatorMycontent()
function TestRotatorMycontent() {
if($("#pun-navlinks #navawards").length>0){setNagrad();return;}
timerID = setTimeout("TestRotatorMycontent()",sek);return;}
</script>

Подскажите, пожалуйста, как можно сделать, чтобы картинка наград при наведении менялась на другую?

0

Fumuse · [1996-02-23]

радость
Наверняка это можно сделать как-то по другому, но могу предложить такой вариант.
Ставите ваш скрипт замены изображения:

<script>
var sek = 100;
function setNagrad(){
indexof="<img src='/i/blank.gif'>"
str = document.getElementById("navawards").innerHTML
pos = str.indexOf("Награды")
document.getElementById("navawards").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+7,str.length-1)
}
TestRotatorMycontent()
function TestRotatorMycontent() {
if($("#pun-navlinks #navawards").length>0){setNagrad();return;}
timerID = setTimeout("TestRotatorMycontent()",sek);return;}
</script>

/i/blank.gif - не меняете! это прозрачная картинка.
Ниже ставите это:

<style type="text/css">
li#navawards a span img {background: url(адрес картинки) top center no-repeat !important;
width: 59px!important;
height: 26px!important;}
li#navawards a span img:hover {background: url(адрес картинки) top center no-repeat !important;}
</style>

56px - ширина вашей картинки
26px - высота вашей картинки
адрес картинки - адрес картинки наград
адрес картинки - адрес картинки при наведении на награды

+1

радость · Поделиться**911**25.10.2015 16:07:27

Fumuse, спасибо большое, Вы нам очень помогли и выручили!)

0

Ichimaru Gin · Поделиться**912**26.10.2015 14:34:42

Rashel Maren
Держите оформление на мой вкус, если что-то не понравится, приходите, поправим)=.
В стиль:

Код:

.pa-author a {
  background: rgba(240, 237, 230, 0.65) none repeat scroll 0 0;
  border: 1px ridge rgb(199, 182, 168) !important;
  border-radius: 12px;
  box-shadow: 0 0 5px rgba(240, 237, 230, 0.48);
  color: rgb(101, 57, 37) !important;
  font-family: times;
  font-size: 16px !important;
  font-style: italic;
  padding: 3px 7px;
  text-decoration: none;
}
li.pa-title {
  color: rgb(120, 104, 86);
  font-weight: bold;
  padding-bottom: 0.4em;
  text-shadow: 1px 1px 2px rgba(240, 237, 230, 0.41);
  text-transform: uppercase;
}

.post-author ul {
	box-shadow: 0px 0px 10px transparent;
	border: 5px ridge rgba(129, 116, 87, 0.3);
	border-radius: 15px;
	text-align: center;
	background-color: #C7B6A8;
}

li.pa-avatar.item2 img {
	border-radius: 8px;
	border: 1px ridge #CCBDB1;
	box-shadow: 0 0 6px rgba(240, 237, 230, 0.75);
}

.name {
        background: rgba(240, 237, 230, 0.65) none repeat scroll 0 0;
        border: 1px ridge rgb(199, 182, 168) !important;
        border-radius: 12px;
        box-shadow: 0 0 5px rgba(240, 237, 230, 0.48);
	color: #45392C;
	text-transform: uppercase;
	font-size: 10px;
}
.name a {
  color: rgb(69, 57, 44) !important;
  font-size: 10px !important;
  text-transform: uppercase;
}

0

Rashel Maren · Поделиться**913**27.10.2015 03:31:06

Ichimaru Gin
Ой огромное спасибо *___*
Все шикарно))))

0

Рррыч · Поделиться**914**27.10.2015 17:28:49

Доброго времени.
Сегодня немного поменял структуру форума - убрал лишние категории, перенёс темы, сменил соответственно изменениям и заполнение скрипта "своя картинка к каждой категории". В один момент, когда менял ссылку на картинку категории, перестали работать кнопки переключения дизайнов (у нас их три). Вроде, никаких запятых-скобок нигде не сносил, всё прекрасно работало (только немного сместились сами картинки категорий, но это дело поправимое). А теперь загружается лишь дефолтный дизайн, при попытке переключить хоть одну кнопку - начинает, вроде, прогружаться выбранный стиль, но потом сбрасывает, и не желает ни в какую. Подскажите, в чём может быть проблема?
Адрес форума: http://nightchildrengame.rusff.me/

0

кипиздончик · Поделиться**915**27.10.2015 17:32:07

Добрый день. Подскажите, если ли возможность вывести "привет, ник" с аватаром туда, где сейчас у вас здесь? Как это сделать?
Буду очень признательна.

0

sadhaka · Поделиться**916**27.10.2015 20:13:16

кипиздончик
С аватаром текущего юзера (т.е. по сути своим аватаром), я правильно понимаю?

0

Рррыч · Поделиться**917**28.10.2015 10:20:39

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

Отредактировано Рррыч (28.10.2015 10:21:21)

0

кипиздончик · Поделиться**918**28.10.2015 12:31:06

sadhaka
да всё верно, эту часть

0

holder · Поделиться**919**31.10.2015 12:06:08

решено

Добрый день!
Подскажите, возможно ли прописать два вида цитат? Например quote и quote2, или может не quote2, а q-box, в принципе не важно как будет прописываться bb-тег, смысл в том, чтобы по сути эта была та же цитата (спойлер и скрытый текст не нужны) только с другим оформлением.

Отредактировано holder (01.11.2015 12:40:50)

0

Givara · [1993-01-23]

Здравия!
Как сделать расстояние между изображениями, заменяющими ссылки форум, пользователи, поиск и т.д поменьше?

0

Вопросы по оформлению форума, дизайну и css (5)	Оформление форумов	04.09.2024
Вопросы по оформлению форума, дизайну и css (3)	Оформление форумов	04.07.2014
Вопросы по оформлению форумов, дизайну и css - 2	Оформление форумов	18.10.2013
Вопросы по оформлению форумов, дизайну и css	Архив	14.12.2012
О разделе «Оформление форумов» + навигация по разделу	Оформление форумов	26.12.2012

Техническая поддержка сервиса Quadro.Boards

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

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

Объявление

Новости сервиса

О форуме

Полезные ссылки

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

Вопросы по оформлению форума, дизайну и css (4)

Сообщений 901 страница 920 из 999

Поделиться107.07.2014 23:31:02

Поделиться90121.10.2015 20:10:32

Поделиться90221.10.2015 20:14:10

Поделиться90321.10.2015 20:24:59

Поделиться90422.10.2015 17:49:42

Поделиться90522.10.2015 19:15:19

Поделиться90624.10.2015 03:40:13

Поделиться90724.10.2015 09:42:52

Поделиться90824.10.2015 23:04:53

Поделиться90925.10.2015 12:04:30

Поделиться91025.10.2015 14:45:19

Поделиться91125.10.2015 16:07:27

Поделиться91226.10.2015 14:34:42

Поделиться91327.10.2015 03:31:06

Поделиться91427.10.2015 17:28:49

Поделиться91527.10.2015 17:32:07

Поделиться91627.10.2015 20:13:16

Поделиться91728.10.2015 10:20:39

Поделиться91828.10.2015 12:31:06

Поделиться91931.10.2015 12:06:08

Поделиться92031.10.2015 21:49:34

Похожие темы