Современный облачный хостинг провайдер | Aéza
Контакты ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430
Иконка ресурса

Создаём красивые объявления 1.0

Нет прав для скачивания
Обзор FAQ История Обсуждение
Hope

Hope

Premium
Сообщения
48,305
Решения
22
Реакции
71,868
Баллы
40,905
Пользователь Hope разместил новый ресурс:

Создаём красивые объявления - Создаём красивые объявления.

Вариант 1:

Идём вот сюда: /admin.php?notices/ - Нажимаем кнопку "Создать новое объявление" - Указываем свой заголовок - В поле "Сообщение" вставляем это:
Код: 
<div class="messageText baseHtml">
<div class="notice_text">
<h2 class="notice_name benmed blue">Forum Features</h2>
<p class="notice_info benreg"> </p>
<ul>
<li>Follow threads, discussions & people.</li>
<li>Upload & share images and video. (Events, iPads, Lexus', product results) </li>
<li>Interact with your leaders & personal...
Нажмите для раскрытия...

Узнать больше об этом ресурсе...
 
Hope, благодарю Вас за эту инструкцию.
 
Супер!)

Подскажите пожалуйста, как сделать в объявлении прозрачную (невидимую рамку) таблицу + уменьшить отступы в ней, спасибо:speechless:
я догадываюсь что способ будет подобный, но не знаю как это сделать :unsure:
 
Roman-007 написал(а):
Подскажите пожалуйста, как сделать в объявлении прозрачную (невидимую рамку) таблицу + уменьшить отступы в ней, спасибо:speechless:
я догадываюсь что способ будет подобный, но не знаю как это сделать :unsure:
Нажмите для раскрытия...

Да, вопросов будет много. Ребят, не засыпайте вопросами, все таки для того что бы сделать эти объявления, надо иметь, хотя бы не большие, знания в HTML и CSS, ни кто не будет вам для каждого вашего нового объявления описывать, что надо заменить там или там.
У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация
вам в помощь.
 
Skaiman написал(а):
Да, вопросов будет много. Ребят, не засыпайте вопросами, все таки для того что бы сделать эти объявления, надо иметь, хотя бы не большие, знания в HTML и CSS, ни кто не будет вам для каждого вашего нового объявления описывать, что надо заменить там или там.
У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация
вам в помощь.
Нажмите для раскрытия...
Знаю этот ресурс, спасибо за ссылку!) с текущими объявлениями я разобрался, знания есть очень не большие, такие, что их не хватило)
мне бы примерчик с табличкой, пробовал пользоваться этими параметрами - не помогло. html отдыхает... остается CSS а там знания еще хуже)

border
Толщина рамки в пикселах.
bordercolor
Цвет рамки.
cellpadding
Отступ от рамки до содержимого ячейки.
cellspacing
Расстояние между ячейками.

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


Roman-007 написал(а):
я бы с радостью бы выучил все это, но я не зарабатываю этим на жизнь) просто делаю форум безвоздмездно для сообщества) не ругайте сильно)
Нажмите для раскрытия...

Ага, а остальные все здесь рубят бабло :-D
 
Я пользуюсь мазилой, лишь только потому, что для нее больше дополнений в плане веб разработки. Например очень нравиться приложение CSSsir

Да и на htmlbook не только по html, там и по стилям много материала
 
Skaiman написал(а):
Я пользуюсь мазилой, лишь только потому, что для нее больше дополнений в плане веб разработки. Например очень нравиться приложение CSSsir

Да и на htmlbook не только по html, там и по стилям много материала
Нажмите для раскрытия...
Ладно, буду разбираться :-) Спасибо за стимул XD
 
Всё верно, тут уже нужны знания css и html. Что в принципе не относится к тематике нашего форума уже. :)
 
подскажите как ведет себя на мобильных, к примеру картинка 600х160 если будет то что с ней произойдет?
 
Фигня какая то. Попробовал, правда без картинок. Просто всё скопировал и объявление ничем не отличается от стандартного.
 
Jager написал(а):
Просто всё скопировал и объявление ничем не отличается от стандартного.
Нажмите для раскрытия...
Значит стили не применились.

Там же надо ид объявления указывать, .notice_14, надо свое
 
Код: 
.Responsive .notice_1 {
   background: url("@imagePath/xenforo/sources/notice3.jpg") no-repeat scroll left center rgba(0, 0, 0, 0) !important;
}
.Responsive .notice_1 .notice_name.benmed.blue {
    color: #808080;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 3px;
    margin-top: 0;
}
.Responsive .notice_1 .noticeHeader span {
    color: #72aeb6;
    font-size: 30px;
    text-transform: uppercase;
}
.Responsive .notice_1 .notice_name.benmed.blue {
    float: left;
}
.Responsive .notice_1 .notice_text {
    padding-left: 280px;
}
.notice_1 .noticeHeader {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    overflow: hidden;
}
.notice_1 .noticeHeader .notice_sub {
    color: #b0b0b0;
    float: right;
    font-weight: normal;
}
.notice_1 .notice_text li {
    box-sizing: border-box;
    float: left;
    width: 100%;
}
.notice_1 ul {
    margin: 0;
}
#Notices .notice_1 .noticeContent {
    padding-right: 5px !important;
}
.notice_1 .notice_text li {
    background: url("@imagePath/xenforo/sources/notice3arrow.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: #72aeb6;
    float: left;
    list-style: none outside none !important;
    margin: 2px 0;
    padding-left: 25px;
}
/* ===================================================================== */
.tealButton {
    background: linear-gradient(to bottom, rgba(114, 174, 182, 1) 0%, rgba(91, 156, 165, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 7px 15px;
    position: absolute;
    right: 39px;
    top: 145px;
}
.tealButton:hover {
    background: none repeat scroll 0 0 #5399a2 !important;
}
.tealButton:hover a {
    text-decoration: none;
}
.Responsive .notice_15 .tealButton {
    color: #ecf4f5;
    font-family: 'Lato',sans-serif;
    font-size: 15px;
}
.Responsive .gritter-top {
    display: none;
}
.Responsive a.tealNoticebutton {
    background: linear-gradient(to bottom, rgba(114, 174, 182, 1) 0%, rgba(91, 156, 165, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #c8dfe2;
    display: block;
    margin-left: 10px;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    width: 160px;
}
.tealNoticebutton:hover {
    background: none repeat scroll 0 0 #5399a2 !important;
}
.tealNoticebutton:hover a {
    text-decoration: none;
}
.tealLeft {
    margin-bottom: -7px;
    margin-top: 6px;
}
.tealRight {
}
/* ======================================================================= */
Большая картинка не высвечивается,со стрелочками проблем нет.В чем мой косяк?)
 
Скорее всего из-за того, что этот участок должен работать только в адаптивном дизайне.
Код: 
.Responsive .notice_1 {
   background: url("@imagePath/xenforo/sources/notice3.jpg") no-repeat scroll left center rgba(0, 0, 0, 0) !important;
}
.Responsive .notice_1 .notice_name.benmed.blue {
    color: #808080;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 3px;
    margin-top: 0;
}
.Responsive .notice_1 .noticeHeader span {
    color: #72aeb6;
    font-size: 30px;
    text-transform: uppercase;
}
.Responsive .notice_1 .notice_name.benmed.blue {
    float: left;
}
.Responsive .notice_1 .notice_text {
    padding-left: 280px;
}
 
Войдите или зарегистрируйтесь для ответа.
Современный облачный хостинг провайдер | Aéza
Контакты
ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430 г. Краснодар, ул. Маяковского 160, офис 2.4
Назад
Сверху Снизу