Техническая поддержка сервиса Quadro.Boards |
Новости сервиса |
О форуме
Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC,
на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы.
Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)
|
Полезные ссылки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Вопросы по оформлению форума, дизайну и css (4)
Как сделать? Что вставить? Где править?
Отвечаем на ваши вопросы по оформлению форумов. 
Прошлые темы:
1. Вопросы по оформлению форумов, дизайну и css
2. Вопросы по оформлению форумов, дизайну и css - 2
3. Вопросы по оформлению форума, дизайну и css (3)
Теги: вопросы по оформлению,стиль форума,стиль,css,style,как сделать
.|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);
}Вроде все. Настраивайте, наслаждайтесь, если нужна конкретика - обращайтесь)
заставили задуматься о том, что еще мы делаем не так)
дело в том, что футер становится вниз только благодаря высоте страницы, и тут... как пойдет) Уменьшается высотой - уже счастье.
Вроде все. Настраивайте, наслаждайтесь, если нужна конкретика - обращайтесь)
видимо нужна, я слопоук хд
я пока настройки не меняла, а поставила так, как изначально было, то изменился только скролл в таблице хд точнее его цветовые гаммы)
я пока настройки не меняла, а поставила так, как изначально было, то изменился только скролл в таблице хд точнее его цветовые гаммы)
да именно. я спецом поставил яркие цвета, чтоб было заметно, где что и за что отвечает. Объясните конкретно какой элемент текста и к какому виду хотите привести
дело в том, что футер становится вниз только благодаря высоте страницы, и тут... как пойдет) Уменьшается высотой - уже счастье.
никогда раньше с этим не сталкивались... но работает, ничего нигде не косячится - и слава богам.
спасибо за помощь, выручили)
да именно. я спецом поставил яркие цвета, чтоб было заметно, где что и за что отвечает. Объясните конкретно какой элемент текста и к какому виду хотите привести
я совсем запутала какой из моих друх вопросов мы решаем хд
первый вопрос, точнее проблема у меня связана с отображением при наведении на слово (появляется картинка, но какая-то не полная, обрезанная) как бы это поправить, чтобы она вся была видна?)
Отредактировано .|Princess (02.12.2014 21:06:59)
еще и второй вопрос по поводу оформление текста (размер и шрифт) в названиях тем форума (:
Отредактировано .|Princess (02.12.2014 18:55:28)
еще и второй вопрос по поводу оформление текста (размер и шрифт) в названиях тем форума (:
Этот вопрос мы решаем. Тем форума? я видимо плохо соображаю под утро, мне показалось, что речь о табличке.
Убирайте код стиля тот.
Ссылки на названия последних тем на главной:
.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%; }
первый вопрос, точнее проблема у меня связана с отображением при наведении на слово (появляется картинка, но какая-то не полная, обрезанная) как бы это поправить, чтобы она вся была видна?)
Дело в том, что ваш 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;
}
Черная строка - сдвигаете вниз (отрицательное не сработает, будет обрезаться)
Зеленая строка - сдвиг в стороны.
(ну или выносить за пределы слайдера)
Ichimaru Gin
спасибо огромное 
http://clockworkstory.f-rpg.ru
У нас стоит смена имиджа, чтобы менять аватарки-статусы и т.д. Но хотелось бы изменить сам внешний вид этих окошек. Вот как здесь сделано:
http://abyss.rolebb.com/
И второе - таблица на том же http://clockworkstory.f-rpg.ru
Кнопки навигации, которые сейчас сбоку-сверху, должны быть сверху просто линией, друг за другом, как их туда вернуть?
У нас стоит смена имиджа, чтобы менять аватарки-статусы и т.д. Но хотелось бы изменить сам внешний вид этих окошек. Вот как здесь сделано:
Насколько я знаю, графическая часть вписана в скрипт сам, и вам нужно его скачать и заменить в нем ссылки ваши картинки, потом залить этот скрипт на форум и использовать свою ссылку уже.
И второе - таблица на том же http://clockworkstory.f-rpg.ru
Что использовали для создания таблицы? Есть макет, так как я немного не улавливаю(( как должно быть.
Насколько я знаю, графическая часть вписана в скрипт сам, и вам нужно его скачать и заменить в нем ссылки ваши картинки, потом залить этот скрипт на форум и использовать свою ссылку уже.
Ничего не понял) сам скрипт
Код:<!-- Таблица в объявлении --> <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>
И все Мне не аватары нужно вставлять, а просто изменить внешний вид самих окошек.
Что использовали для создания таблицы? Есть макет, так как я немного не улавливаю(( как должно быть.
Мне просто передали этот код. Таблица в идеале по кнопкам должна выглядеть как http://faith.rusff.me
Кнопки навигации, которые сейчас сбоку-сверху, должны быть сверху просто линией, друг за другом, как их туда вернуть?
Как все запущенно)
Не хотите целиком переделать? А то там стиля вообще нет...
На текущий момент так в стиль:
#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;
}Но я бы настоятельно порекомендовал переделать)
отелось бы изменить сам внешний вид этих окошек.
Вот эта часть скрипта:
<img width="20" style="vertical-align:middle" alt="Аватар" onclick="$('#stTs').toggle()" src="http://forumstatic.ru/files/0008/25/f3/24314.jpg" id="imgNIK-SIG" title="Смена имиджа">
вместо выделенной ссылки ставите свою картинку.
Если этой части в скрипте нет, а есть просто ссылка на скрипт, то, как говорит Опиум, надо скопировать скрипт по ссылке, заменить там эту ссылку на свою картинку и либо просто вставить в тегах <script>сюда скрипт</script> в хтмл-низ или верх, как там указано в теме, либо перезалить в текстовый файл, изменить расширение на .js и загрузив себе на форум, заменить ссылку на новую.
Если непонятно, что я говорю, дайте картинку окошка и код скрипта (в коде).
Ichimaru Gin
если бы я знал КАК переделывать, я бы переделал) но я просто не имею понятия, что делать.
Если этой части в скрипте нет, а есть просто ссылка на скрипт, то, как говорит Опиум, надо скопировать скрипт по ссылке, заменить там эту ссылку на свою картинку и либо просто вставить в тегах <script>сюда скрипт</script> в хтмл-низ или верх, как там указано в теме, либо перезалить в текстовый файл, изменить расширение на .js и загрузив себе на форум, заменить ссылку на новую.
попробую сам, вроде понял смысл, спасибо)
Если непонятно, что я говорю, дайте картинку окошка и код скрипта (в коде).
Ничего у меня не вышло))
Код:<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>
Здравствуйте : )
Форум прокручивается колесом мышки вправо. На ПК не мешает, но пользователи жалуются, что с телефонов неудобно.
Как убрать?
Вопрос по таблице в сообщении, той, что вставляется в пост в форме ответа: как сделать у нее фон картинкой? Именно в такой:
[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]
Мне надо, чтобы она была фоном и чтобы поверх него можно было писать
Эледвен
Вам нужно на всех таблицах один фон или на одной таблице? Или на разных - разные?
Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Вопросы по оформлению форума, дизайну и css (4)