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

Объявление

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

О форуме

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

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

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


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


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

Сообщений 541 страница 560 из 1000

1

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

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

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

0

541

может немного не по теме, но есть подозрения, что это css. В общем, вижу я вот такую вот хорошую штучку:
http://s8.uploads.ru/t/vcVRq.png
Хотела бы узнать, это специальное оформление ссылок или же это контейнер. Если второе, то можно было бы узнать, что за контейнер и где такой достать.

Отредактировано madnyaska (06.02.2014 22:06:13)

0

542

dr_akula
нет, в смысле, что картинка какая-то абстрактная и ее можно "повторять", т.е. например фон в горошек или однородный градиент.

0

543

вопрос снят

sadhaka, большое спасибо, помогло, но появились другие проблемы: http://uploads.ru/w5pfy.jpg
Ник и статус сливаются с фоном, возможно ли опустить их ниже? И хотелось бы выровнять информацию о пользователе во втором окне по левому краю, оставив в других строках выравнивание по центру. Адрес все тот же.

Отредактировано Forethinker (07.02.2014 11:08:41)

0

544

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

может немного не по теме, но есть подозрения, что это css. В общем, вижу я вот такую вот хорошую штучку:
http://s8.uploads.ru/t/vcVRq.png
Хотела бы узнать, это специальное оформление ссылок или же это контейнер. Если второе, то можно было бы узнать, что за контейнер и где такой достать.

0

545

madnyaska  :glasses:  а не пофег ли?, ну к примеру

http://s8.uploads.ru/LngKS.png

Код:
<style type="text/css">
.punbb a.stels:hover {
 opacity:0.87;
}
.punbb a.stels {
 padding:12px 1em;
 display:inline-block;
 border-radius:4px;
 min-width:120px;
 color:#43F7FF;
 font:normal normal 700 13.48px/18.72px Verdana;
 background:#B8B8B8;
 text-shadow: 0 0 2px #000;
 box-shadow:inset 0 0 1em #4C4C4C;
}
</style>
<a class="stels" href="http://support.rusff.me/profile.php?id=5637">madnyaska</a>

Или плоский вид:
http://s9.uploads.ru/aV8mi.png

Код:
<style type="text/css">
.punbb a.stels:hover {
 opacity:0.87;
}
.punbb a.stels {
 padding:12px 1em;
 display:inline-block;
 border-radius:4px;
 min-width:120px;
 color:#43F7FF;
 font:normal normal 700 13.48px/18.72px Verdana;
 background:#B8B8B8;
 text-shadow: 0 0 2px #444;
 /*box-shadow:inset 0 0 1em #4C4C4C;*/
}
</style>
<a class="stels" href="http://support.rusff.me/profile.php?id=5637">madnyaska</a>

http://s8.uploads.ru/ZwvRI.png

Код:
<style type="text/css">
.punbb a.stels:hover {
 opacity:0.87;
}
.punbb a.stels {
 padding:12px 1em;
 display:inline-block;
 border-radius:4px;
 min-width:120px;
 color:#888;
 font:normal normal 400 13.48px/18.72px Verdana;
 background:#D4D2D3;
}
</style>
<a class="stels" href="http://support.rusff.me/profile.php?id=5637">madnyaska</a>

Отредактировано Deff (08.02.2014 04:27:36)

0

546

Доброго времени суток, при добавлении репутации, добавлении музыки или картинок, всплывают окошечки, которые у меня на сайте прозрачные, не могу найти в изменении стиля, где можно настроить это. Очень неудобно, когда сообщение уже написано и получается смешение текста. Подскажите пожалуйста, где можно это изменить?

0

547

shihoin
В хтмл-верх

Код:
<style>
#post .fs-box .container {
    background: none repeat scroll 0% 0% #EEE;
}
#pun-reputation div.inner div.container, #pun-report div.inner div.container, #pun-popup_awards div.inner div.container {
    background: none repeat scroll 0% 0% #EEE;
}
</style>

0

548

Добрый день, я хочу посоветоваться, что вы можете рекомендовать изменить в стилях, чтобы улучшить вид форума?
http://calypsoworld.rolka.su/

0

549

не актуально

На одном англоязычном форуме увидела замечательное оформление и захотелось подобное. Понравилась именно сама структура.
http://s9.uploads.ru/5Ko3f.jpg
Частично у меня получилось реализовать, подфорумы разбила на две колонки, но мои познания в структуре css форума не позволяют доработать задумку до конца.
Колонку с последним сообщением мне удалось переместить под описание подфорума. Попыталась в описании подфорума сделать таблицу и залить ячейки цветом, но появляется косяк с шириной и иконками сообщений. Иконка вставать в таблицу не хочет и сама ширина таблицы очень маленькая, не смотря на то, что в настройках указано 100%.
Пыталась потом залить через css #pun .tcl и получалось тоже что-то странное
http://s8.uploads.ru/aIZ9X.jpg
ссылка на мой форум http://pumpkins.artbb.ru/

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

Отредактировано Ashley (28.02.2014 16:28:38)

0

550

Здравствуйте! Как можно "натянуть" навигацию и таблицу на шапку? Просто если уменьшаешь размер шапки, становится некрасиво. http://s9.uploads.ru/XoDzM.png
И как сделать такую навигацию?
http://s9.uploads.ru/AnMEu.png

Отредактировано Violet Harmon (21.02.2014 11:38:49)

0

551

Доброго времени суток )) Возникла такая проблема с оформлением профиля. Если стоит аватар 170х170 или 180х180, то все нормально. Но размер больше сдвигается в сторону.
Подскажите что изменить в настройках оформления профиля что бы аватар 190х190 не выходил за края. Вот скрин

скрин

http://s8.uploads.ru/t/L8t3D.png

Вот код

открыть

.punbb .post h3 span,
.punbb .post-body {
margin-left: 236px;
}
.punbb .post .post-author {
width: 240px;
}
#pun-main .pa-avatar img {
border: 2px ridge #;
}
.pa-author {
background: url(http://s9.uploads.ru/qODBd.png) 0% 0% no-repeat;
color: #c1ac81!important;
height: 30px;
line-height: 20px !important;
margin-left: -11px !important;
margin-top: -10px !important;
padding: 20px 5px 0px 0px !important;
position: relative;
text-align: center;
width: 220px !important;
z-index: 5;
}
.pa-author a, .pa-author {
color: #c1ac81!important;
font-family: "Century" !important;
font-size: 11pt !important;
font-variant: small-caps !important;
font-weight: 300 !important;
margin-left: 0px;
}
.post-author {
background: url(http://s8.uploads.ru/6bf5l.png) repeat-y; weight: 220px;
color: #c1ac81!important;
}
.post-author ul li {
padding: 0px 4px;
text-align: center;
color: #543520!important;
}
.post-author > ul {
    background: url("http://s9.uploads.ru/f5FSC.png") no-repeat scroll center bottom transparent;
}
#pun-title .title-logo {display : none;}
#pun-announcement {margin-top: 0px !important;}
.pa-fld1 {font-size: 10px !important;}

И еще вопрос как уменьшить расстояние между таблицей и наполнением форума

скрин

http://s8.uploads.ru/NZGaC.png

Отредактировано ultramorin (22.02.2014 11:06:00)

0

552

ultramorin
Ссылку на пост с проблемой, клик по дате в сообщении

Violet Harmon написал(а):

Как сделать такую навигацию?

Типовые Вопросы п.п.56

Violet Harmon написал(а):

Здравствуйте! Как можно "натянуть" навигацию и таблицу на шапку?

Поправьте на красное в первом Окне стиля:

/* D3.1 */
#pun-navlinks {
  border: none;
  margin-top: -70px;
}


Поправьте Объявление:

Код:
    	<script src="http://forumstatic.ru/files/0011/e9/e1/27099.js"></script>
<style>
.table {
        margin-top:-60px;
        height: 250px;
	width: 750px;
}
.table .box {
	display: inline-block;
	width: 365px;
	vertical-align: top;
}
.table .box.left-box {
	margin-right: 10px;
}
.table .scroll {
	overflow-y: scroll;
}
.table .block {
	margin: 5px 0;
}
#slider {
	margin: 0 auto;
}
#slides, #control {
	display: inline-block;
	text-align: center;
}
#slides {
	width: 240px;
	margin: 0;
}
#control {
	vertical-align: middle;
}
#control a {
	display: inline-block;
	cursor: pointer;
	margin: 0 5px;
	width: 32px;
	height: 32px;
	padding-top: 5px;
	text-decoration: none;
}
#next{
background: url(http://www.iconsearch.ru/uploads/icons/kids/32x32/next-sail.png) no-repeat center center;}
#prev{
background: url(http://www.iconsearch.ru/uploads/icons/kids/32x32/previos-sail.png) no-repeat center center;}
</style>

<div class="table">
	<div class="box left-box">
    	<div class='block'>►Администрация◄</div>
    	<div class='block'>
        <img src="http://radikale.ru/data/upload/ba193/0fccf/260c772644.png">
        <img src="http://radikale.ru/data/upload/ba193/0fccf/260c772644.png">
        <img src="http://radikale.ru/data/upload/ba193/0fccf/260c772644.png">
    	</div>
    	<div class='block scroll' style="height: 150px;">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam, aperiam dignissimos dicta a libero illum quos nemo. Similique, nihil, ex, minus nesciunt odio temporibus eos corrupti in fugiat dolorem illo?
        Deleniti, aliquam, iste, reiciendis iure ipsam quo cumque rerum fugiat sequi repellendus accusamus animi neque earum explicabo expedita iusto atque vitae magni sunt consequatur ex quae impedit quibusdam molestiae eligendi.
        Deleniti, aliquam, iste, reiciendis iure ipsam quo cumque rerum fugiat sequi repellendus accusamus animi neque earum explicabo expedita iusto atque vitae magni sunt consequatur ex quae impedit quibusdam molestiae eligendi ..........................................................................

    	</div>
	</div>
	<div class="box right-box">
    <div class='block'>
    	<img src="http://s9.uploads.ru/D8o9d.png">
    </div>
    <div class="block" id="slider">
    	<table>
        <tr>
        	<td id="control"><a href="#" id="prev"></a></td>
        	<td id="slides">
            <div class="slide">
            	<a href="#">Ссылка 1</a><br />
            	<a href="#">Ссылка 2</a><br />
            	<a href="#">Ссылка 3</a><br />
            	<a href="#">Ссылка 4</a><br />
            	<a href="#">Ссылка 5</a><br />
            </div>
            <div class="slide">
                <img src="http://radikale.ru/data/upload/ba193/0fccf/260c772644.png"><br />
                <img src="http://radikale.ru/data/upload/ba193/0fccf/260c772644.png">
            </div>
            <div class="slide">
            	<div class="block">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci ab blanditiis recusandae. </div>
            	<div class="block scroll" style="height: 100px;">
                Баннер <br />
                Баннер <br />
                Баннер <br />
                Баннер <br />
            	</div>
            </div>
        	</td>
        	<td id="control"><a href="#" id="next"></a></td>
        </tr>
    	</table>
    </div>
	</div>
</div>
<script>
justSlider(
	$('#slider'), {
    left: $('#control #prev'),
    right: $('#control #next'),
	});

</script>

Отредактировано Deff (22.02.2014 11:17:37)

0

553

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

Ссылку на пост с проблемой, клик по дате в сообщении

Вот ссылка на форум
Ссылка как отображается оформление профиля

0

554

ultramorin
//первое окно стиля

.punbb .post .post-author {
    float: left;
    margin-top: -1.5em;
    overflow: hidden;
    width: 23em;
}

.punbb .post-body {
    border-left-style: solid;
    border-left-width: 1px;
    margin-left: 23em;
    padding: 0 0 1px;
}

.punbb .post h3 span {
    border-left-style: solid;
    border-left-width: 1px;
    display: block;
    margin-left: 23em;
    padding: 0.5em 1em;
}

Объявление
//зачеркнутое удалить, выделенное дописать/исправить

#anno_goh {
    background-image: url("http://s9.uploads.ru/FxaAe.png");
    background-repeat: no-repeat;
    height: 280px;
    margin-left: 28px;
    margin-top: -250px;
    position: relative;
    top: -220px;

    width: 950px;
}

0

555

Здравствуйте!
В отображении страницы "приглашения" в профиле возникает проблема: не отображаются заголовки содержимого.
Я приложил скриншот, где пометил, как смог, то, о что имел ввиду.
Прошу, подскажите, где и что не так в кодах.
http://s8.uploads.ru/t/U1rqg.png

0

556

решена

http://opopoo.hutt.ru/
Как то неожиданно пропали названия категорий. Как можно исправить? о.о
http://s9.uploads.ru/t/NIYFb.png

Отредактировано Энджи (25.02.2014 17:04:09)

0

557

решена

И в дополнение к предыдущему сообщению
Возникла такая проблема
http://s8.uploads.ru/t/GYWzw.png
Помогите исправить

Отредактировано Энджи (25.02.2014 17:04:28)

0

558

вопрос снят

Здравствуйте. На форуме из профиля пропала строка "Последний визит". В настойках все вроде показано, но в сообщениях под аватаром не отображается. Помогите, пожалуйста, разобраться в чем причина.

Отредактировано Forethinker (28.02.2014 20:17:59)

0

559

Forethinker
Последний визит виден лишь в режиме оффлайн пользователя, дайте ссылку на пост с таким юзером, клик по дате в сообщении

Отредактировано Deff (28.02.2014 20:13:32)

0

560

http://okijhkguyftrd.0pk.ru/viewtopic.php?id=1#p2
тело профиля идет дальше верх.
как убрать это безобразие?
http://s9.uploads.ru/t/eLXAF.png

0


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


Рейтинг форумов | Создать форум бесплатно