24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

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

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


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!


Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!

Сообщений 961 страница 990 из 1000

1

Все ваши вопросы относительно внешнего вида форума.
Не забываем оставлять ссылку на форум с проблемой!

0

961

вроде решила

http://anglosucks.rusff.ru/
мои любимые, почему у меня не становится ровно футер? о.о
помогите, пожалуйста  https://forumupload.ru/uploads/000c/77/06/118967-1.gif

Отредактировано anglosucks (25-08-2014 12:06:57)

0

962

Проблема состоит в следующем: я использовала скрипт, который позволяет поставить на фон форума свои картинки. Мне нужно, что бы ширина картинок (и профиля, соответственно) была 220 пикселей, но в таком случае аватарка у меня не стоит посередине, а немного смещается вправо. Как это исправить?

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

http://funkyimg.com/i/Ka6J.png

0

963

http://funkyimg.com/u2/1479/250/71376004.png  всем хай.
а теперь, скажите мне пожалуйста, хоть кто-нибудь, куда вставить код линков, чтобы они расположились под верхней навигацией??

на всякий
Код:
<table cellspacing="0"> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> </tr> 
<tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
<td> <a class="menu" href="http://soundofmydreams.ru/">link</a></td> 
</tr> 
 
</table>

0

964

vix
В объявление?
Если не встанет, ссылку на форум с установленной таблицей в объявлении.

0

965

ололош матсумото .
Адрес форума)

0

966

morgan
http://givi.rolka.su
вот)

0

967

morgan
http://lagerrus.f-rpg.ru/
код вставила в объявления, ничего нет

0

968

ололош матсумото .

Код:
.pa-avatar{
margin-left: -8px !important;}

+1

969

morgan
Огромное спасибо Вам)

0

970

vix

Код:
#tablitsa {
    position: absolute;
    margin-top: 370px;
    margin-left: 329px;
}
#pun-status .container {
    margin-top: 60px;
}

0

971

Здравствуйте.
У меня снова возникла пара вопросов очень надеюсь на помощь знающих.

1. Список .post-links ul (что под данным об авторе), я чего-то не понимаю или все его элементы имеют одно имя: <li class="pl-email">. И профиль, и ЛС, и  сам e-mail...Если это так то есть какая-нибудь возможность их точной настройки. Отдельно профиль, отдельно ЛС, отдельно e-mail.

2. Касается border-image.
EI не поддерживает. Вопрос: можно ли задать этому свойству приоритет? У меня сейчас стоит и обычный border и border-image. В IE показывает только border, а вот в Лисе и Опере показываются оба свойства, я вот и хочу узнать можно сделать так чтобы браузеры поддерживающие border-image показывали только это свойство? Знали что оно приоритетное и дальше не читали стиль, где стоит еще один border.

0

972

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

1. Список .post-links ul (что под данным об авторе), я чего-то не понимаю или все его элементы имеют одно имя: <li class="pl-email">. И профиль, и ЛС, и  сам e-mail...Если это так то есть какая-нибудь возможность их точной настройки. Отдельно профиль, отдельно ЛС, отдельно e-mail.

Как-то так:

Код:
.post-links li:nth-child( 1 ) > a { color: #000 !important; } /* профиль */
.post-links li:nth-child( 2 ) > a { color: #000 !important; } /* ЛС */
.post-links li:nth-child( 3 ) > a { color: #000 !important; } /* Е-мейл */
.post-links li:nth-child( 4 ) > a { color: #000 !important; } /* Вебсайт */
Arius написал(а):

EI не поддерживает. Вопрос: можно ли задать этому свойству приоритет? У меня сейчас стоит и обычный border и border-image. В IE показывает только border, а вот в Лисе и Опере показываются оба свойства, я вот и хочу узнать можно сделать так чтобы браузеры поддерживающие border-image показывали только это свойство? Знали что оно приоритетное и дальше не читали стиль, где стоит еще один border.

Я не разбираюсь в хаках для IE, так что можно сделать хаки для других. Убрать border-image из основного кода и прописать его отдельно для нормальных браузеров:

Код:
/* для Мозиллы */
@-moz-document url-prefix () { .class { color : #F00 ; } }
/* для Хрома */
body:nth-of-type(1) .class {
  background : #000 ;
}
/* для Оперы и Сафари */
@media screen and ( -webkit-min-device-pixel-ratio : 0 )	 { 
  .class { 
    color : #F00 ; 
  } 
}

вместо .class - ваш селектор, и внутри скобок уже border-image. На вашем месте я просто оставил бы IE в покое, нежели ломать всё из-за него)

+1

973

Ух ты...Благодарю. Я вот этого не знал...Это ведь псевдокласс ":nth-child" работает для любого списка...я вот этого не знал...Какие большие возможности открываются...

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

На вашем месте я просто оставил бы IE в покое, нежели ломать всё из-за него)

Ну да IE еще то бревно, но на нем тоже сидят пользователи...С хаками для Лисы и Оперы я знаком. Просто хотелось узнать можно было обойтись без них, на чистом CSS...На подобие  свойства font-family, когда их несколько шрифтов в коде прописываешь, и браузер уже сам встречает первый шрифт в списке, проверяет его  наличие, если такого шрифта нет, берется следующее имя из списка и т.д...Так было бы удобнее в разы, но увы...
Еще раз благодарю, вы прямо открыли передо мной новые горизонты. Надо больше уделять внимания псевдоклассам.

0

974

Худо-бедно отрисовали дизайн на форум, а как исправить некоторые косяки - не разберем. Помогите, пожалуйста, кто может.

Адрес форума - http://chosendesign.rusff.ru/

Для удобства, разбили проблемы на блоки.

http://sd.uploads.ru/t/jztI5.png
1. Передвинуть оценку поста вправо, на место. (выделено бордовым)
2. Выровнять ширину формы ответа с шириной текста поста (выделено лиловым)

http://sd.uploads.ru/t/Jd6y5.png
3. Выровнять по центру кнопки профиля, аватар и картинку online/offline (выделено оранжевым)
4. задать одинаковые отступы внутри цитаты (больше справа, меньше сверху и снизу) (выделено жёлтым)

http://sd.uploads.ru/t/fl56k.png
5. Сделать кнопочное меню с эффектом при наведении курсора как на данном форуме (выделено бирюзовым)
6. Сделать больше отступ между нижней границей объявления и строкой приветствия. (обозначено фиолетовым)

http://sd.uploads.ru/t/YoF6C.png
7. Под спойлером кнопок выровнять пункты меню по левому краю.

0

975

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

1. Передвинуть оценку поста вправо, на место. (выделено бордовым)

.punbb .post .container {
    border-style: none solid solid;
    border-width: 1px;
    margin-top: -1px;
    padding-bottom: 1px;
    width: 100%;
}

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

2. Выровнять ширину формы ответа с шириной текста поста (выделено лиловым)

Нужен логин и пароль, ибо гость не видит форму ответа.

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

3. Выровнять по центру кнопки профиля, аватар и картинку online/offline (выделено оранжевым)

Удалить выделенное:

#pun .tc2, #pun-main .post-author ul {
    text-align: left;
}

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

3. Выровнять по центру кнопки профиля, аватар и картинку online/offline (выделено оранжевым)

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

3. Выровнять по центру кнопки профиля, аватар и картинку online/offline (выделено оранжевым)

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

3. Выровнять по центру кнопки профиля, аватар и картинку online/offline (выделено оранжевым)

Не уверен. Правильно было бы в самом скрипте добавить div, но, поскольку я в этом профан, попробуйте так:

Код:
<script>
$(".pa-avatar").after("<div class='thumbs'>");
$(".Sp5").after("</div>");
</script>

<style>
.thumbs{
text-align: center;}
</style>

Не уверен, что сработает. У вас там с центрированием профиля что-то намудрено неладное.

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

4. задать одинаковые отступы внутри цитаты (больше справа, меньше сверху и снизу) (выделено жёлтым)

Вместо выделенного - 98%

.punbb .post-content .blockcode, .punbb .post-content blockquote {
    width: 100%;
    overflow: hidden;
}

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

5. Сделать кнопочное меню с эффектом при наведении курсора как на данном форуме (выделено бирюзовым)

CSS NAVIGATIONS

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

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

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

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

Код:
#pun-status .container {
  margin-top: 30px;
}

+1

976

Доброго времени суток.
Понятия не имею, что случилось с профилем и как это изменить.
http://sd.uploads.ru/t/JCD87.jpg

0

977

rainesu

#viewprofile li span {
    float: left;
    width: 14em;
    margin-left: 12em;
    padding: 0.5em 1em;
    font-weight: bold;
}
#viewprofile li, #setmods dl {
    padding: 0px 0px 0px 16em;
    margin-bottom: 0.2em;
}

0

978

неактуально

Доброго времени суток. Прошу вашей помощи.
На всем форуме стоит выравнивание текста по ширине. Хотелось бы по левому краю. Смогла сделать выравнивание по левому краю лишь на главной странице, текст в темах по прежнему выравнивается по всей ширине. В следствии этого появляются такие неприятности, как огромные пробелы:
http://i.imgur.com/EjsVpkE.png

Ссылка на форум: http://aeternitas.f-rpg.ru/

Заранее благодарю)

Отредактировано Unicorn Power (31-08-2014 14:48:32)

0

979

Здравствуйте, у меня вопрос не по цсс, а по бб кодам
http://joxi.ru/OWwEVIwyTJDAAs27gJo
скажите, можно ли как-то уменьшить эти отступы между ячейками?

0

980

poulpe. написал(а):

Здравствуйте, у меня вопрос не по цсс, а по бб кодам
http://joxi.ru/OWwEVIwyTJDAAs27gJo
скажите, можно ли как-то уменьшить эти отступы между ячейками?

Причём тут бб коды?
Нужна ссылка на форуме)

0

981

Снова с вопросами по багам. Помогите, пожалуйста.
http://chosen.rusff.ru/

1

При предварительном просмотре сообщения код вылезает за границу форума.
http://sd.uploads.ru/0c7kh.jpg

2

В любой части форума - и в сообщениях, и в таблице, - при любом фоматировании текста (будь то выделение жирным или цветом) появляется небольшой отступ перед первой буквой. С чем связано - понять не можем.
http://sd.uploads.ru/D4RzH.jpg
http://sd.uploads.ru/v1MZN.jpg

3

Когда уменьшили расстояние между подфорумами, вылез баг внутри подфорумов - сместились названия тем.
http://savepic.org/5974506.png

0

982

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

При предварительном просмотре сообщения код вылезает за границу форума.

Код:
#post-preview .fs-box{
width: 80% !important;}
Shem написал(а):

В любой части форума - и в сообщениях, и в таблице, - при любом фоматировании текста (будь то выделение жирным или цветом) появляется небольшой отступ перед первой буквой. С чем связано - понять не можем.

Код:
strong{
margin: 0 !important;}
Shem написал(а):

Когда уменьшили расстояние между подфорумами, вылез баг внутри подфорумов - сместились названия тем.

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

Когда уменьшили расстояние между подфорумами, вылез баг внутри подфорумов - сместились названия тем.

Воспользуйтесь другим скриптом. Этот скрипт создаёт ещё один tr внутри раздела, если поменять его стиль - поменяется и стиль всех остальных tr (с названием темы, иконками и т.д.). Ищите скрипт, который будет вставлять h1 в тело. Искать тут или здесь.

+1

983

Проблема решена

Приветствую всех.
Вопросы у меня нубские, но всё же. Искала и ничего по этой части не нашла.

Подскажите, пожалуйста, как сделать этот текст в цитатах жирным? В какой части кода это делается?
http://funkyimg.com/i/Kkpk.jpg

И как сдвинуть чуть левее вот это?
http://funkyimg.com/i/Kkpt.jpg

Ссылка на форум.

Отредактировано meatin-jelly (04-09-2014 15:54:36)

0

984

meatin-jelly написал(а):

Подскажите, пожалуйста, как сделать этот текст в цитатах жирным? В какой части кода это делается?

Код:
.punbb .quote-box cite { font-weight: bold; }
meatin-jelly написал(а):

И как сдвинуть чуть левее вот это?

Поменять выделенное на center

.punbb .post .post-author ul, .punbb .post .post-author p {
    padding: 0px 1em 1em;
    line-height: 140%;
    text-align: right;
}

+1

985

morgan
Спасибо большое, вторая проблема решена. Но вот первый код отчего-то не работает.

0

986

meatin-jelly
В целом и общем всё должно выглядеть так:

Код:
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 1.7em;
    font-size: 1.1em;
    font-weight: bold;
    font-style: normal;
    margin: -10px;
    padding-left: 10px;
}

+1

987

Уже не актуально х)

morgan
У меня так и стоит.

Отредактировано meatin-jelly (04-09-2014 15:54:23)

0

988

нашла

подскажите, как убрать из-под аватара инфу когда зарегистрирован пользователь?

Отредактировано наивный экстаз (04-09-2014 17:37:32)

0

989

нашла свою ошибку, спасибо :3

http://se.uploads.ru/t/O9izp.jpg
не могу понять, как выровнять информацию статистики :с
подскажите, пожалуйста)

Отредактировано anglosucks (08-09-2014 15:20:09)

0

990

надеюсь, в ту тему попал
- Доброго!
Можно ли попросить о помощи с таблицей?
Взят следующий код таблы:

Код:
<!--Контент слайдера-->
<ul class="tabs">
    <li class="active"><a href="#tab1">Вкладка 1</a></li>
    <li><a href="#tab2">Вкладка 2</a></li>
    <li><a href="#tab3">Вкладка 3</a></li>
    <li><a href="#tab4">Вкладка 4</a></li>
</ul>

<div class="tab_container">
    <div class="tab_content" id="tab1" style="display: block;">
        <table cellspacing="10" width="100%">
            <tbody>
                <tr>
                    <td width="50%" rowspan="2">Приветствие</td>
                    <td width="50%">Администраторы</td>
                </tr>
                <tr>
                    <td width="50%">Модераторы</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="tab_content" id="tab2" style="display: none;">
        Многие думают, что Lorem Ipsum - взятый с потолка псевдо-латинский набор слов, но это не совсем так. Его корни уходят в один фрагмент классической латыни 45 года н.э., то есть более двух тысячелетий назад. Ричард МакКлинток, профессор латыни из колледжа Hampden-Sydney, штат Вирджиния, взял одно из самых странных слов в Lorem Ipsum, "consectetur", и занялся его поисками в классической латинской литературе.
    </div>
    <div class="tab_content" id="tab3" style="display: none;">
        Многие думают, что Lorem Ipsum - взятый с потолка псевдо-латинский набор слов, но это не совсем так. Его корни уходят в один фрагмент классической латыни 45 года н.э., то есть более двух тысячелетий назад. Ричард МакКлинток, профессор латыни из колледжа Hampden-Sydney, штат Вирджиния, взял одно из самых странных слов в Lorem Ipsum, "consectetur", и занялся его поисками в классической латинской литературе.
    </div>
    <div class="tab_content" id="tab4" style="display: none;">
        Многие думают, что Lorem Ipsum - взятый с потолка псевдо-латинский набор слов, но это не совсем так. Его корни уходят в один фрагмент классической латыни 45 года н.э., то есть более двух тысячелетий назад. Ричард МакКлинток, профессор латыни из колледжа Hampden-Sydney, штат Вирджиния, взял одно из самых странных слов в Lorem Ipsum, "consectetur", и занялся его поисками в классической латинской литературе.
    </div>
</div>
<!--/Контент слайдера-->
<!--Стили слайдера-->
<style type="text/css">
ul.tabs {
     float: left;
     list-style: none outside none;
     margin-left: -2px;
     padding: 0px;
     width: 100%;
}

ul.tabs li {
     float: left;
     overflow: hidden;
     padding: 0px;
     position: relative;
     width: 200px;
     text-align: center;
}

ul.tabs li.active {
     color: #000000;
}

ul.tabs li a {
     outline: medium none;
     padding: 0px 10px;
}

ul.tabs li a:hover, ul.tabs li a:focus, ul.tabs li a:active {
     color: #000000;
}

.tab_container {
    overflow: hidden;
    clear: both;
    width: 800px;
}

.tab_content {
     padding: 5px;
}
</style>
<!--/Стили слайдера-->
<!--Do magic :)-->
<script type="text/javascript">

$(document).ready(function() {


	$(".tab_content").hide();
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();

	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});

</script>

Хотелось бы спросить, как решить такую вот проблему:
При нажатии на любую вкладку табла выкидывает в самый верх - то бишь, экран убегает в изначальное положение (действует лишь когда нажимаешь на вкладку при "опущенной" прокрутке).
Заранее спасибо за помощь.

0


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!