Комментарии - flacon2000 - Профиль вебмастера - Форум об интернет-маркетинге

16 октября 2016, 18:08

Потихоньку допиливаю стили.

Код для стайлбота:


#menu {

    display: none;

}



#menutable a, .vbmenu_control a:link, .vbmenu_control_alink, .vbmenu_control a:visited, .vbmenu_control_avisited, .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover, .vbmenu_hilite a:link, .vbmenu_hilite_alink, .vbmenu_hilite a:visited, .vbmenu_hilite_avisited, .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover {

    color: #fff;

}



.alt1, .alt2 {

    border: solid 0 ;

}



.alt1, .alt1Active {

    background: #eef0f3;

    color: #222;

}



.alt2>div:nth-child(1) a {

    color: #04a;

    font-weight: bold;

    text-decoration: underline;

}



.alt2>div:nth-child(2) {

    color: #aaa;

}



.sprite-fd {

    background-image: url("http://i.imgur.com/N9odaCR.png");

    margin: 3px 0 0 0;

}



.tborder {

    background: #b7bdc5;

}



.tcat {

    background: #b7bdc6;

}



.tcat a img {

    border-radius: 7px;

}



.tfoot a, .fjsel a {

    color: #999 ;

}



.tfoot, .fjsel {

    background: #18191c ;

}



.vbmenu_control {

    background: #485366;

}



.vbmenu_control img {

    display: none;

}



[title="Thumbs up"] {

    content: url(http://iconshow.me/media/images/Mixed/line-icon/png/16/like-16.png);

}



a {

    color: #04a;

}



body {

    background: #222222;

}



body>div {

    margin: 0   auto;

    max-width: 1280px;

    padding: 0;

}



body>div>div>div>div>div>table table:nth-child(1) {

    border: solid 0px #f00;

}



body>div>div>div>div>div>table>tbody>tr>td:nth-child(3)>div {

    border: solid 0px #f0f;

    display: none;

}



body>div>div>table:nth-child(1) {

    background: url(http://img.forumimg.net/design/logo-forum-standard.png) no-repeat 30px -4px #222222;

}



@media all and (max-width: 1100px) {

  body>div>div>table:nth-child(1) {    

    -webkit-background-size: 350px !important;    

    -webkit-background-size: 350px !important;    

    -webkit-background-size: 350px !important;    

    -webkit-background-size: 350px !important;    

    -webkit-background-size: 350px !important;    

    -webkit-background-size: 350px !important;    

    -webkit-background-size: 350px !important;    

    -webkit-background-size: 350px !important;    

    -webkit-background-size: 350px !important;    

    -webkit-background-size: 350px !important;    

    -webkit-background-size: 350px !important;    

    -webkit-background-size: 350px !important;    -webkit-background-size: 350px !important;

    background-size: 350px !important;    

    background-position: 0 !important;

  }

  .ads_add_01 {    

    zoom: 0.7;    

    margin-top: 30px;

  }

}



div:not(.pagenav)>table>tbody>tr>td.vbmenu_control:nth-child(1) {

    background: #c03030;

    height: 20px;

}



td.thead {

    background: #677181;

    border: 0 ;

    color: #fff;

}



td.thead a {

    color: #fff;

}



.sprite {

    background-image: url(http://i.imgur.com/hRTuneZ.png);

}



.page>div>table>tbody>tr>td>br {

    border: solid 2px #f00;

    display: none;

}



.pagenav table {

    margin: 0 5px 4px 0;

    border-collapse: collapse;

}

[Конкурс]: Разработка логотипа для строительной компании

14 октября 2016, 14:40

Все варианты показывать, наверное, нет смысла. Да и сам сайт нуждается в доработке :-)

[Конкурс]: Разработка логотипа для строительной компании

13 октября 2016, 13:00

kalasan:
Ребят, у кого есть желание, можете до завтра попробовать отрисовать что то в стиле лого Cordel из первого сообщения.. заказчику оно изначально нравилось очень, здание в очень выдержанном виде, чтобы прослеживалась солидность. Надеюсь объяснил более менее..

Там пол-лого это название. Короткое, четкое. А у нас "строй-а-ван-гард"... Но попатка не пытка.

А пока еще немного авангарда (ассоциации: небоскребы, краны, дома, можно увидеть буквы)

[Конкурс]: Разработка логотипа для строительной компании

13 октября 2016, 08:31

OnlyAHuman:
ага, творческое заимствование во всей красе 🍿

Я сразу предупредил. В отличии от...

[Конкурс]: Разработка логотипа для строительной компании

12 октября 2016, 19:38

Почти не авангард, стиль популярный, но попробую:

У кого как выглядит форум?

12 октября 2016, 09:13

Konark:
Кстати, на маленьких мониторах реклама в шапке залазит на лого. Не хорошо 😡

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

Но чтобы исправить этот косяк, вы можете добавить в стили:


@media all and (max-width: 1100px) {
  body>div>div>table:nth-child(1) {    
    background-size: 350px !important;    
    background-position: 0 !important;
  }
  .ads_add_01 {    
    zoom: 0.7;    
    margin-top: 30px;
  }
}

[Конкурс]: Разработка логотипа для строительной компании

11 октября 2016, 19:07

kalasan:
flacon2000, симпотично, но думаю первый вариант ваш однозначно лучше )

Это был кристаллизованный авангард. ))

У кого как выглядит форум?

11 октября 2016, 18:00

texter:
Обычные ноуты, 15-17 наверно.
Онлайн сервис подсказывает: Ширина × Высота: 1280 × 800

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

texter:
В этой олдскульности, что сейчас на Серче, есть что-то уютное и привычное. :)

У нас с вами разное погружение в олдскульность. ;-)

У кого как выглядит форум?

11 октября 2016, 17:03

texter:
А в чем практическая польза этого ограничения. Зачем нужны белые полосы по бокам?

Какой у вас монитор и разрешение?

На больших мониторах (27"+) оч. неудобно читать, когда контент сайтов тянется на всю ширину.

У кого как выглядит форум?

11 октября 2016, 16:25

lusan:
Гм. Годно!
flacon2000, поделитесь стилями?
А то мне эта прорезиненность на 60см диагонали че-то как-то уже..

Не вопрос. Тут правда есть немного css-порно вроде такого div:not(.pagenav)>table>tbody>tr>td.vbmenu_control:nth-child(1) но без него никак :-)



body {
    background: #fff;
}

body>div {
    margin: 0   auto;
    max-width: 1280px;
    padding: 0;
    box-shadow: 0 0 100px rgba(0,0,0,0.25);
}

a {
    color: #04a;
}

.vbmenu_control {
    background: #485366;
}

#menutable a, .vbmenu_control a:link, .vbmenu_control_alink, .vbmenu_control a:visited, .vbmenu_control_avisited, .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover, .vbmenu_hilite a:link, .vbmenu_hilite_alink, .vbmenu_hilite a:visited, .vbmenu_hilite_avisited, .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover {
    color: #fff;
}

.tborder {
    background: #677181;
}

td.thead {
    border: 0 ;
    background: #677181;
    color: #fff;
}

td.thead a {
    color: #fff;
}

.alt1, .alt2 {
    border: solid 0 ;
}

.alt2>div:nth-child(1) a {
    color: #04a;
    font-weight: bold;
    text-decoration: underline;
}

.alt2>div:nth-child(2) {
    color: #aaa;
}

.vbmenu_control img {
    display: none;
}

.sprite-fd {
    background-image: url("http://i.imgur.com/N9odaCR.png");
}

.tcat {
    background: #b7bdc6;
}

.tcat a img {
    border-radius: 7px;
}

body>div>div>div>div>div>table table:nth-child(1) {
    border: solid 0px #f00;
}

body>div>div>div>div>div>table>tbody>tr>td:nth-child(3)>div {
    border: solid 0px #f0f;
    display: none;
}

div:not(.pagenav)>table>tbody>tr>td.vbmenu_control:nth-child(1) {
    background: #c03030;
    height: 20px;
}

[title="Thumbs up"] {
    content: url(http://iconshow.me/media/images/Mixed/line-icon/png/16/like-16.png);
}

body>div>div>table:nth-child(1) {
    background: url(http://img.forumimg.net/design/logo-forum-standard.png) no-repeat 30px -4px #222222;
}

.tfoot, .fjsel {
    background: #18191c ;
}

.tfoot a, .fjsel a {
    color: #999 ;
}

Стили применяю вот этим плагином: https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha

Все что нужно знать о DDоS-атаках грамотному менеджеру

Вышел новый Яндекс Браузер с YandexGPT и YandexART

flacon2000