bbcode background image

[mak]

Предлагаю сделать ббкод фонового изображения для поста чтоб смотрелось эпичней
его можно юзать например в описаниии легенд или темах кнокурсов летописей и тд

 

изображение растягивается на всю высоту и ширину поста 

[CSH]

и как ты предлагаешь сделать это, без использования js? У меня идей нет, кроме создания фиксированного класса с opacity и z-index.

[CSH]

А вот сделать на всю высоту блока возможно. Именно блока, не поста.

[mak]

<style>
.bbc_bgimg {
padding: 120px 30px 32px 30px;
width: 95%;
min-height: 800px!important;
min-width: 600px;
overflow: hidden;
background: url(http://i.imgur.com/jeWiYJU.jpg) center top no-repeat;
text-align: justify;
float: left;
color: #fccf4a!important;
font-family:'ubuntu', ariel;
font-size:16px!important;
...
}
 
что типа такова
 

 

http://i.imgur.com/kXe9ueO.jpg

 

Изменено 2 мая, 2016 пользователем mak

[CSH]

[sbgi=http://img.pokemondb.net/artwork/omastar.jpg]test[/sbgi]

[CSH]

[fbgi=http://img.pokemondb.net/artwork/omastar.jpg]Text[/fbgi]

[CSH]

[rbgi=http://img.pokemondb.net/artwork/omastar.jpg]Text[/rbgi]

[mak]

)) может просто мой ксс набор заюзаешь?)

[CSH]

Как модератору, мне доступен лишь частичный функционал. И как я уже сказал, полностью пост закрыть невозможно (моими полномочиями), да и поразмыслив, понял что это не обязательно.

Сделал три блочных тега, примеры их увидеть можешь сверху.

 

single background image (1)

filling background image (2)

reply background image (3)

[mak]

ну так можно стункнуть у кого есть полномочия чтоль

 

создаешь бб код 

и в шаблоне замены ббкода :

 

 

<style>

.bbc_bgimg {

padding: 120px 30px 32px 30px;

width: 95%;

min-height: 800px!important;

min-width: 600px;

overflow: hidden;

background: url({content}) center top no-repeat;

text-align: justify;

float: left;

color: #fccf4a!important;

font-family:'ubuntu', ariel;

font-size:16px!important;

}

</style>

<div class="bbc_bgimg"></div>

 

пример [bgimg]линк на картинку[/bgimg]

[CSH]

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

[mak]

[sbgi=http://i.imgur.com/jeWiYJU.jpg]вфывыыыыыыыыыыыыыыыыы фвфы фававы выа ыфва ыва ыв аывывывывывывывывывывывывывывывывывывывывывывывывывывывывывывывывывывывыва ываыв аы ваыв авыа[/sbgi]

 

ну вот сингл изменить бы чтоб как у меня выглядело

Изменено 2 мая, 2016 пользователем mak

[CSH]

[fbgi=http://i.imgur.com/jeWiYJU.jpg]

 

 

 

 

 

 

 

фывыыыыыыыыыыыыыыыыы фвфы фававы выа ыфва ыва ыв аывывывывывывывывывывывывывывывывывывывывывывывывывывывывывывывывывывывыва ываыв аы ваыв авыа

ну вот сингл изменить бы чтоб как у меня выглядело

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

[/fbgi]

Ну а дальше, дело техники

[mak]

 

1. /* background-size: 100% 100%; */ убрать 

 

 

и добавить

 

padding: 120px 30px 32px 30px;
width: 95%;
text-align: justify;
color: #fccf4a!important;
font-size:16px!important;

[CSH]

это все ты сделаешь ббкодом. Нет смысла делать это через css.

Это лишь создаст лишние ограничения.

[mak]

это все сделает автоматически все красиво 

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

[sbgi=http://i.imgur.com/TgPCvxj.jpg]Вашшедевр готов!
Значимость этих проблем настолько очевидна, что дальнейшее развитие различных форм деятельности обеспечивает широкому кругу (специалистов) участие в формировании новых предложений. Равным образом укрепление и развитие структуры позволяет выполнять важные задания по разработке форм развития.

Разнообразный и богатый опыт сложившаяся структура организации играет важную роль в формировании модели развития. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет оценить значение направлений прогрессивного развития. Не следует, однако забывать, что реализация намеченных плановых заданий представляет собой интересный эксперимент проверки системы обучения кадров, соответствует насущным потребностям.

Значимость этих проблем настолько очевидна, что новая модель организационной деятельности представляет собой интересный эксперимент проверки систем массового участия. Товарищи! новая модель организационной деятельности играет важную роль в формировании направлений прогрессивного развития. Товарищи! рамки и место обучения кадров позволяет выполнять важные задания по разработке дальнейших направлений развития.

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

Повседневная практика показывает, что сложившаяся структура организации требуют определения и уточнения соответствующий условий активизации. Задача организации, в особенности же сложившаяся структура организации обеспечивает широкому кругу (специалистов) участие в формировании систем массового участия. Идейные соображения высшего порядка, а также реализация намеченных плановых заданий способствует подготовки и реализации дальнейших направлений развития. Равным образом сложившаяся структура организации позволяет оценить значение форм развития. Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности требуют от нас анализа дальнейших направлений развития. Значимость этих проблем настолько очевидна, что укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании систем массового участия.[/sbgi]

удали 

 

background-size: 

 

и примени 

 

 

1. padding: 120px 30px 60px 30px;
2. width: 95%;
3. text-align: justify;
4. color: #fccf4a!important;
5. font-size: 16px!important;
6. text-shadow:0px 1px 0px #000;

 

 

и сам увидишь 

если что то не то будет отменишь

 

 

Изменено 2 мая, 2016 пользователем mak

[CSH]

в общем, могу сделать еще тег. Что ты в нем хочешь увидеть? Только паддинги, текст-алижны и текст-колоры в него впихивать не буду, это делается другими ббкодами. К

Кидай ксс итоговый, если будет норм - добавлю.

[mak]

понимаешь єто тег типа кнопки "cделать красиво"

не нужно к нему применять стандарты других каких то тегов

 

... но даж если кому то захочет сделать еще красивей ему это удастся 

ладно шот  я утомился тебя уговаривать 

можешь просто все поудалять) все что там подобавлял 

или если передумаешь сделай как я сказал

Изменено 2 мая, 2016 пользователем mak

[CSH]

Нэ, сразу бы мог сказать что это кнопка "сдэлайть красиво, шоб прям Вах!"

Просто фон, и кнопка "сделать красиво" - разные вещи)

 

Можно сделать. Вечером)

тег будет bandbg

[mak]

я думал по картинке понятно будет

[CSH]

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

[mak]

сделать тему с такими картинками на выбор

[mak]

<style>
.bbc_bgimg {
padding: 120px 30px 60px 30px;
width: 95%;
min-height: 800px!important;
min-width: 600px;
background: url({content}) center top no-repeat;
float: left;
color: #fccf4a!important;

text-align: justify;
font-family:'Helvetica', ariel;
font-size:120%!important;
word-wrap: break-word;
text-indent: 30px;
}

 

можно еще назвать promobg

 

Изменено 2 мая, 2016 пользователем mak

[mak]

http://i.imgur.com/KNh2THT.jpg

[mak]

padding: 120px 30px 60px 30px;

width: 95%;

min-height: 800px!important;

min-width: 592px;

background: url(http://i.imgur.com/DLW8ySq.jpg) center top no-repeat, url(http://i.imgur.com/DLW8ySq.jpg) center bottom no-repeat;

float: left;

color: #fccf4a!important;

text-align: justify;

font-family:'Helvetica', ariel;

font-size:120%!important;

text-shadow:1px 1px 0px #000;

word-wrap: break-word;

text-indent: 35px;

border-bottom:14px solid #fccf4a;

Изменено 3 мая, 2016 пользователем mak