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

Объявление

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

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

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

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


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Вопросы по оформлению форума, дизайну и css (4)


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

Сообщений 361 страница 380 из 999

1

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

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

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

+1

361

.|Princess
у вас и не должно было ничего отрегулироваться, пока никаких свойств не задано.
А теперь поехали.
Для всего выделенного болдом в первой вкладке в окошке прокрутки - похоже, что только даты:
Задаете любые свойста:

Код:
.prokytka b {
    color: green;
    text-transform: uppercase;
}

Для текста, который находится в прокрутке первой вкладке, не выделен жирным и не ссылка:

Код:
.prokytka {
    color: orange;
    font-size: 10px;
    text-transform: uppercase;
}

ссылки в окошке прокрутки на первой вкладке:

Код:
.prokytka a {
  color: #fff !important;
  text-decoration: none !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

Вроде все. Настраивайте, наслаждайтесь, если нужна конкретика - обращайтесь)

0

362

таис афинская написал(а):

заставили задуматься о том, что еще мы делаем не так)

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

0

363

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

Вроде все. Настраивайте, наслаждайтесь, если нужна конкретика - обращайтесь)

видимо нужна, я слопоук хд

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

я пока настройки не меняла, а поставила так, как изначально было, то изменился только скролл в таблице хд точнее его цветовые гаммы)

0

364

.|Princess написал(а):

я пока настройки не меняла, а поставила так, как изначально было, то изменился только скролл в таблице хд точнее его цветовые гаммы)

да именно. я спецом поставил яркие цвета, чтоб было заметно, где что и за что отвечает. Объясните конкретно какой элемент текста и к какому виду хотите привести

0

365

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

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

никогда раньше с этим не сталкивались... но работает, ничего нигде не косячится - и слава богам.
спасибо за помощь, выручили)

0

366

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

да именно. я спецом поставил яркие цвета, чтоб было заметно, где что и за что отвечает. Объясните конкретно какой элемент текста и к какому виду хотите привести

я совсем запутала какой из моих друх вопросов мы решаем хд
первый вопрос, точнее проблема у меня связана с отображением при наведении на слово (появляется картинка, но какая-то не полная, обрезанная) как бы это поправить, чтобы она вся была видна?)

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Отредактировано .|Princess (02.12.2014 21:06:59)

0

367

еще и второй вопрос по поводу оформление текста (размер и шрифт) в названиях тем форума (:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Отредактировано .|Princess (02.12.2014 18:55:28)

0

368

.|Princess написал(а):

еще и второй вопрос по поводу оформление текста (размер и шрифт) в названиях тем форума (:

Этот вопрос мы решаем. Тем форума? я видимо плохо соображаю под утро, мне показалось, что речь о табличке.
Убирайте код стиля тот.

Ссылки на названия последних тем на главной:

Код:
.tcr a {
  font-family: "times new roman";
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9), 1px 1px 5px rgba(164, 162, 79, 0.97);
  text-transform: uppercase;
}

при наведении

Код:
.tcr a:hover {
  font-family: "times new roman";
  text-transform: uppercase;
}
А чтобы ссылка при наведении "разъезжалась" в обе стороны, надо центрировать текст в третьей колонке

Вот это:

Код:
.punbb .main .tcr {
  background-color: transparent;
  overflow: hidden;
  text-align: left;
  width: 30%;
}

Заменить на это:

Код:
.punbb .main .tcr {
  background-color: transparent;
  overflow: hidden;
  text-align: center;
  width: 30%;
}

+1

369

.|Princess написал(а):

первый вопрос, точнее проблема у меня связана с отображением при наведении на слово (появляется картинка, но какая-то не полная, обрезанная) как бы это поправить, чтобы она вся была видна?)

Дело в том, что ваш tooltip запакован в контент скрипта слайдера. И просто не может выйти за рамки слайда. Можно сделать, чтоб картинка отображалась целиком, но для этого нужно решить, в каком месте она будет, к примеру, при наведении, появляясь, может заслонять ссылки:
http://easycaptures.com/fs/uploaded/937/3644108420.jpg

Если такое устроит, то в код добавьте строчки:

.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    background: none repeat scroll 0% 0% #FFF;
    color: #FFF;
    padding: 10px;
    bottom: 1px;
    border-radius: 5px;
    height: 90px;
    width: 130px;
    top: 0px !important;
    left: -60px !important;
}

Черная строка - сдвигаете вниз (отрицательное не сработает, будет обрезаться)
Зеленая строка - сдвиг в стороны.

(ну или выносить за пределы слайдера)

+1

370

Ichimaru Gin
спасибо огромное  :love:

0

371

http://clockworkstory.f-rpg.ru
У нас стоит смена имиджа, чтобы менять аватарки-статусы и т.д. Но хотелось бы изменить сам внешний вид этих окошек. Вот как здесь сделано:
http://abyss.rolebb.com/

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

http://i63.fastpic.ru/big/2014/1204/bc/117994a335f795ca4b0881a0c4f107bc.png

И второе - таблица на том же http://clockworkstory.f-rpg.ru
Кнопки навигации, которые сейчас сбоку-сверху, должны быть сверху просто линией, друг за другом, как их туда вернуть?

0

372

Сумэраги написал(а):

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

Насколько я  знаю, графическая часть вписана  в  скрипт сам, и вам  нужно его скачать и заменить в нем ссылки ваши картинки, потом залить этот скрипт на форум и использовать свою ссылку уже.

Сумэраги написал(а):

И второе - таблица на том же http://clockworkstory.f-rpg.ru

Что использовали для создания  таблицы? Есть макет, так как  я  немного не улавливаю(( как должно быть.

+1

373

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

Насколько я  знаю, графическая часть вписана  в  скрипт сам, и вам  нужно его скачать и заменить в нем ссылки ваши картинки, потом залить этот скрипт на форум и использовать свою ссылку уже.

Ничего не понял) сам скрипт

Свернутый текст
Код:
<!-- Таблица в объявлении -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<style>.punbb .pa-avatar img {max-width:150px;height:auto;}</style>
<script type="text/javascript">
//========== HTML-низ START СЕКЦИЯ ======================================//
OnSmenaImage("Elsewhere: Clockwork story", new Array("Mad scientist", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))
OnSmenaImage("Elsewhere: Clockwork story", new Array("Mad scientist", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))
var AvtrArr=new Array(
"http://avatars.kards.qip.ru/images/avatar/41/54/21569.gif",    //Ссылки на картинки Аватар
"http://avatars.kards.qip.ru/images/avatar/88/35/13704.jpg",
"http://avatars.kards.qip.ru/images/avatar/41/67/26433.gif",
"http://avatars.kards.qip.ru/images/avatar/4e/cb/117582.jpg",
"http://avatars.kards.qip.ru/images/avatar/e4/e4/58596.gif",
"http://avatars.kards.qip.ru/images/avatar/ed/d7/120813.gif"   //End myarray_!!Последняя ссылка без Запятой!!!
)
StartNIZ(); //
//======= end HTML-низ START СЕКЦИЯ =====================================//
</script>

И все Мне не аватары нужно вставлять, а просто изменить внешний вид самих окошек.

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

Что использовали для создания  таблицы? Есть макет, так как  я  немного не улавливаю(( как должно быть.

Мне просто передали этот код. Таблица в идеале по кнопкам должна выглядеть как http://faith.rusff.ru

0

374

Сумэраги написал(а):

Кнопки навигации, которые сейчас сбоку-сверху, должны быть сверху просто линией, друг за другом, как их туда вернуть?

Как все запущенно)
Не хотите целиком переделать? А то там стиля вообще нет...
На текущий момент так в стиль:

Код:
#menu {
  display: inline-block;
  height: 30px;
  margin-bottom: 10px;
  text-align: center;
  width: 750px;
}
#menu span {
  cursor: pointer;
  margin: 15px;
  text-transform: uppercase;
}
#submenu {
  display: block;
  left: 50%;
  margin-left: -350px;
  margin-top: 20px;
  position: absolute;
  width: 700px;
}

Но я бы настоятельно порекомендовал переделать)

+1

375

Сумэраги написал(а):

отелось бы изменить сам внешний вид этих окошек.

Вот эта часть скрипта:

<img width="20" style="vertical-align:middle" alt="Аватар" onclick="$('#stTs').toggle()" src="http://abyss.rolebb.com/files/0008/25/f3/24314.jpg" id="imgNIK-SIG" title="Смена имиджа">

вместо выделенной ссылки ставите свою картинку.
Если этой части в скрипте нет, а есть просто ссылка на скрипт, то, как говорит Опиум, надо скопировать скрипт по ссылке, заменить там эту ссылку на свою картинку и либо просто вставить в тегах <script>сюда скрипт</script> в хтмл-низ или верх, как там указано в теме, либо перезалить в текстовый файл, изменить расширение на .js и загрузив себе на форум, заменить ссылку на новую.
Если непонятно, что я говорю, дайте картинку окошка и код скрипта (в коде).

+1

376

Ichimaru Gin
если бы я знал КАК переделывать, я бы переделал) но я просто не имею понятия, что делать.

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

Если этой части в скрипте нет, а есть просто ссылка на скрипт, то, как говорит Опиум, надо скопировать скрипт по ссылке, заменить там эту ссылку на свою картинку и либо просто вставить в тегах <script>сюда скрипт</script> в хтмл-низ или верх, как там указано в теме, либо перезалить в текстовый файл, изменить расширение на .js и загрузив себе на форум, заменить ссылку на новую.

попробую сам, вроде понял смысл, спасибо)

0

377

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

Если непонятно, что я говорю, дайте картинку окошка и код скрипта (в коде).

Ничего у меня не вышло))

Свернутый текст
Код:
<script><img width="20" style="vertical-align:middle" alt="Аватар" onclick="$('#stTs').toggle()" src="http://i64.fastpic.ru/big/2014/1207/b2/542db139ad503aa64878d9c14e13d2b2.png" id="imgNIK-SIG" title="Смена имиджа"></script>

<style>.punbb .pa-avatar img {max-width:150px;height:auto;}</style>
<script type="text/javascript">
//========== HTML-низ START СЕКЦИЯ ======================================//
OnSmenaImage("Elsewhere: Clockwork story", new Array("Mad scientist", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))
OnSmenaImage("Elsewhere: Clockwork story", new Array("Mad scientist", "Ник2", "Ник3",  "Ник4", "Ник5", "Ник6"))
var AvtrArr=new Array(
"http://avatars.kards.qip.ru/images/avatar/41/54/21569.gif",    //Ссылки на картинки Аватар
"http://avatars.kards.qip.ru/images/avatar/88/35/13704.jpg",
"http://avatars.kards.qip.ru/images/avatar/41/67/26433.gif",
"http://avatars.kards.qip.ru/images/avatar/4e/cb/117582.jpg",
"http://avatars.kards.qip.ru/images/avatar/e4/e4/58596.gif",
"http://avatars.kards.qip.ru/images/avatar/ed/d7/120813.gif"   //End myarray_!!Последняя ссылка без Запятой!!!
)
StartNIZ(); //
//======= end HTML-низ START СЕКЦИЯ =====================================//
</script>

http://i64.fastpic.ru/big/2014/1207/b2/ … 13d2b2.png

0

378

Здравствуйте  : )
Форум прокручивается колесом мышки вправо. На ПК не мешает, но пользователи жалуются, что с телефонов неудобно.
Как убрать?

http://aot-rpg.ru/

0

379

Вопрос по таблице в сообщении, той, что вставляется в пост в форме ответа: как сделать у нее фон картинкой? Именно в такой:

Код:
[table layout=fixed width=100%]
[tr]
[td][/td]
[/tr]
[/table]

Как здесь сделать у ячейки картиночный фон? Если я вставляю background: url(http://images/hand.png) no-repeat right center; , то ничего не получается
ни так

Код:
[table layout=fixed width=100% background: url(http://images/hand.png) no-repeat right center;]
[tr]
[td][/td]
[/tr]
[/table]

ни так

Код:
[table layout=fixed width=100%]
[tr background: url(http://images/hand.png) no-repeat right center;]
[td][/td]
[/tr]
[/table]

ни так

Код:
[table layout=fixed width=100%]
[tr]
[td background: url(http://images/hand.png) no-repeat right center;][/td]
[/tr]
[/table]

Мне надо, чтобы она была фоном и чтобы поверх него можно было писать

0

380

Эледвен
Вам нужно на всех таблицах один фон или на одной таблице? Или на разных - разные?

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Вопросы по оформлению форума, дизайну и css (4)


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC