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

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


Вверх
Вниз

COLOR MATE

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

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


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS (& HTML)


Вопросы по CSS (& HTML)

Сообщений 931 страница 960 из 1000

1

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

0

931

morgan, в хроме ниже приветствие, а в мозилле - выше, в остальном, в принципе, нет разницы расположения текста объявления относительно ссылок "участники, форум..." и пользовательских ссылок))
И ещё Вы в сообщении выше говорили, что можно уменьшить ширину поста и сделать побольше ширину профиля, а как это сделать? Может, мы всё-таки с этим немного подкорректируем, раз есть такая возможность))
И отдельное спасибо за код, теперь в мозилле дизайн смотрится идеально)) Осталась только проблема с объявлением...

Отредактировано fire ember (29-08-2013 00:15:09)

0

932

fire ember,
Уменьшаем контейнер поста и смещаем его:

Код:
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table {
    border-color: transparent;
    width: 630px;
    margin-left: 240px;
}

Увеличиваем ширину профиля в постах:

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

Подчёркнутое добавляем, зачёркнутое удаляем (или увеличиваем зачёркнутое и не добавляем подчёркнутое).

+1

933

morgan, в который раз огромное Вам спасибо за помощь!)))

0

934

ребят, подскажите пожалуйста. вот код

Код:
<marquee scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()" width=200 height=31>
куча ссылок да
</marquee>

но когда ставишь на форум, бегущая строка обрывается не прокрутив и половины баннеров. как справиться с проблемкой?

0

935

anglosucks,
В каком смысле, обрывается? Было бы не лишним дать ссылку на форум.

0

936

morgan, http://anglosucks.rusff.ru/
ну там допустим 15 баннеров, а в строке показывает 5, а затем на половине начинает с самого начала

0

937

anglosucks, Да нет, он все баннеры показывает, с первого по последнего.
Может у вас страница не подгрузилась.

0

938

morgan, через хром не прогружает, а через мозилу все пошло...

0

939

anglosucks, Поддержка тега marquee не осуществляется в новых версиях Хрома. Нужно искать альтернативу в CSS3 или же посредством JavaScript. Источник

0

940

morgan, спасибо

0

941

morgan, доброго времени суток, прошу прощение за очередное беспокойство, но дело в том, что пару дней назад я обращалась с проблемой, что в мозилле дизайн несколько уезжает (буквально на пару пикселей), и Вы мне дали отличный код, который эту проблему разрешил:

Код:
<style>
@-moz-document url-prefix() {
	#pun-title table {
    margin-left: -38px;
	}
        #pun-about p.container {
                margin-left: -44px;
        }
}
</style>

Есть ли подобный скрипт для Оперы? Там, к сожалению, столкнулись с той же проблемой:
проблема
ссылка на форум

0

942

fire ember, Да, такие ксс-хаки есть для всех браузеров. С Оперой никогда мне не везло, так-что не гарантирую, что хак сработает:

Код:
noindex:-o-prefocus, #pun-title table {
    margin-left: -38px;
	}
noindex:-o-prefocus, #pun-about p.container {
    margin-left: -44px;
        }

Цифры придётся менять под оперу. Смотрите на шапку и на футер (подвал), первый код отвечает за шапку, второй за футер)

+1

943

morgan, да, к сожалению, хак не работает (( Может, тогда проще в дизайне подогнать под оперу и поставить хак для гугла, чтобы в нём всё корректно отображалось?

0

944

Доброго времени суток, у меня вот какая проблема.
Поставила слайдеры-контейнеры в профиль, все было нормально, и буквально пару дней назад они вдруг встали один под другим. Увеличивала ширину профиля, проверяла вроде бы сам скрипт - ничего не помогает. Проблему можно увидеть здесь: http://addsmth.mybb.ru/viewtopic.php?id=6#p18

0

945

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

0

946

добрый день
http://s2.ipicture.ru/uploads/20130902/irAF7Rvs.png - как можно убрать то, что внизу на нижнюю часть форума налезает?

0

947

lecter, ссылку на форум http://s3.uploads.ru/9tmYz.gif
weekend, на кф вот такой:

.punbb .post .post-author {
    background: url("http://s4.uploads.ru/jmnIE.png") repeat scroll 0% 0% transparent;
    text-align: center;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 0px rgb(28, 24, 20);
}

+1

948

lecter, подправляем:

Код:
/* CS1.5 футер */
#pun-about .container { 
background: url("http://s1.ipicture.ru/uploads/20130831/yp4lJkyG.png") no-repeat transparent;
height: 175px;
width: 850px;
margin-bottom: -10px;
margin-left: -56px;
padding:0;
}
Код:
/* D8.3 */
#pun-about {
    margin-bottom: -20px;
  }

http://s3.uploads.ru/9tmYz.gif

+2

949

Джи, спасибо огромное http://uploads.ru/i/m/s/z/msz46.gif

0

950

Джи, а не подскажите как оставшуюся часть убрать?
там внизу полоска еще осталась

0

951

Джи, огромнейшее вам спасибо! По сравнению с другими кодами, для подобного эффекта этот очень просто в использование. Merci  http://s4.uploads.ru/NdBH1.png

0

952

lecter, видимо, Вы что-то пытались сделать, но это все не то с8
Замените все эти блоки:

Код:
/* CS1.5 футер */
#pun-about .container { 
background: url("http://s1.ipicture.ru/uploads/20130831/yp4lJkyG.png") no-repeat transparent;
height: 125px;
width: 850px;
margin-bottom: -10px;
margin-left: -56px;
padding:0;
}
Код:
/* D8.3 */
#pun-about {
    margin-bottom: -20px;
  }

http://s3.uploads.ru/9tmYz.gif
ПС.: нельзя в css кодах писать просто "-20", это считается ошибкой и при таком значении нифига не работает код.
ПС2.: Вам бы проверить код на ошибки. тот же float. это не подобие text-align. и очепятки в transparent иногда бывают. в общем, чтобы продать его, нужно проверить код на ошибки ) а то верстка так или иначе сказывается на загрузке страниц~

Отредактировано Джи (03-09-2013 12:38:27)

+3

953

красота

http://s5.uploads.ru/UZoPE.png

а теперь о наболевшем
2. почему картиночки вылезают за границы тела? и вообще, почему все вылезает за границы тела-форума? вроде в а5.1 поставила размер тела, а оно все равно вот такое кривое ._.
1. можно ли как-то сдвинуть профиль чуть левее. чтобы не было такого большого отступа от левого края.
http://tochka.rusff.ru/

0

954

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

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

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

Добавить выделенное.
P.S. Сначала сделайте второй пункт, тогда подравнять ничего не нужно будет)

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

2. почему картиночки вылезают за границы тела? и вообще, почему все вылезает за границы тела-форума? вроде в а5.1 поставила размер тела, а оно все равно вот такое кривое ._.

.punbb {
    width: 842px;
    height: auto;
    margin-left: 25px;
}

Убрать зачёркнутое.

+1

955

morgan, красота неземная. мои благодарности http://uploads.ru/i/m/s/z/msz46.gif

0

956

я понимаю, что этот вопрос не сюда хд но что-то я как-то заблудилась тут и не смогла найти, куда ещё написать хд как сделать так, чтобы не отображалось "Отредактировано во столько во сколько" Глупый вопрос, но я забыла, как это исправить хд

0

957

Теми,
В хтмл-верх:

Код:
<style>
p.lastedit {display:none}
</style>

0

958

Доброго дня)

Поднакопилось тут парочку вопросов, и я был бы счастлив, если бы меня просветили х)

1. Где можно настроить вид окна сообщений. http://s4.uploads.ru/FMda2.png
Хотелось бы залить его определенной картинкой, закруглить углы и по левой стороне сделать жирную границу (если возможно, чтоб все без тени было)
http://flashforward.mybb.kz/

2. Все никак не могу найти скрипт, который делает ники написанными с заглавными буквами (может и не только ники, но и ссылки х)

3. http://s4.uploads.ru/KUh1G.png
http://heathendom.rusff.ru/viewtopic.ph … 1&p=33
у нас на профилях стоит оформление, состоящие из трех частей, верха,середины и низа. С серединой и низом все ок, но сколько я не делал верх, ник "садится" на эту красивую полосочку.. не подскажите, что бы такого сделать, чтоб это выглядело аккуратнее? То есть, как увеличить расстояние между ником и статусом?

и сюда же, можно ли как-то уменьшить расстояние между строчками в лз? чтоб они плотнее сидели и не занимали столько места..

заранее спасибо)

0

959

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

1. Где можно настроить вид окна сообщений. http://s4.uploads.ru/FMda2.png
Хотелось бы залить его определенной картинкой, закруглить углы и по левой стороне сделать жирную границу (если возможно, чтоб все без тени было)

Код:
.input #main-reply {
    background-color: #000;
    border-radius: 20px 20px 20px 20px;
}
Merlin написал(а):

2. Все никак не могу найти скрипт, который делает ники написанными с заглавными буквами (может и не только ники, но и ссылки х)

Ники:

Код:
.pa-author{ text-transform: uppercase; }

Вообще все ссылки на форуме, или только определенные? Если все, тогда это будет не красиво, как по моему (репутация, на главной ссылки на темы, ссылки в постах и в профиле все будут заглавными буквами).

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

3. http://s4.uploads.ru/KUh1G.png
http://heathendom.rusff.ru/viewtopic.ph … 1&p=33
у нас на профилях стоит оформление, состоящие из трех частей, верха,середины и низа. С серединой и низом все ок, но сколько я не делал верх, ник "садится" на эту красивую полосочку.. не подскажите, что бы такого сделать, чтоб это выглядело аккуратнее? То есть, как увеличить расстояние между ником и статусом?

Вы неправильно поставили фон. У вас статичная картинка, то бишь не резиновая. Вы уверены, что все профили будут вписываться в выбранную вами высоту?)
Посмотрите в этой же теме, где-то две-три страницы назад был аналогичный вопрос с резиновым фоном для профиля. Там можно поставить отдельно картинку для начала профиля (самый верх), для середины и для низа)
Так намного удобней и не имеет значение ширина всего профиля. Уже в исходнике правьте верх так, чтобы на него не лезли другие надписи.
Подвинуть ник выше (фактически отпустить другие части профиля) можно так:

Код:
.pa-author {
    text-align: center;
    padding-bottom: 0.7em;
}

При этом, ищите в кодах этот .pa-author и уберите у него padding в один пиксель, иначе это работать не будет.

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

и сюда же, можно ли как-то уменьшить расстояние между строчками в лз? чтоб они плотнее сидели и не занимали столько места..

Так:

Код:
li.pa-title {
    line-height: 1.0;
}

Лично у меня, буква "б" задевает верхнею строчку, так что вы будете увеличивать цифру пока не придёте к стандартному майббовскому варианту) Увеличивать не на целые единицы, а на 0,1, 0,2 и т.д.)

+2

960

morgan, сердечно благодарю)

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

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

вообще, у меня как раз из трех частей и состоит...  но спасибо за совет, поищу в прошлых постах еще)

0


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS (& HTML)