Help - Search - Members - Calendar
Full Version: Metalarea Design
Metal Area - Extreme Music Portal > Offtopic Area / Кроме тяжёлой музыки > Smoking room
Сатаник
В общем мне сегодня было скучно, решил себе занятие придумать.
Нарыл расширение Stylebot для хрома, которое позволяет цеплять свой CSS к сайтам и попробовал с ним поработать.
Табличная вёрстка, на которой построена МА, ко мне не очень дружелюбна, поэтому больше изменений внести пока не получилось.
Сейчас арейка у меня выглядит вот так


Кроме МА опробовал прогу на VK, тоже вышло очень даже мило))
vk
Un4given
И в чем же улучшение? :-\
Сатаник
ЦИТАТА(Un4given @ Dec 9 2012, 23:58:31) <{POST_SNAPBACK}>
И в чем же улучшение? :-\

Фиксированная ширина шаблона - улучшение.
На большом мониторе сайт буквально расползается, неудобно читать, большие пробелы в колонках, много пустоты.
Да и вообще старенький шаблон уже, обновы просит.
Шапку на скорую руку перерисовал, смотрится веселее предыдущей.
А в вк просто убрал лишние пункты меню, которые мне не нужны.
----
Вот сейчас прога опять пригодилась.
Если кто уже заметил - youtube дизайн обновил.
По непонятным причинам выравнивание у них теперь по левую сторону, на моём мониторе это означает, что правая часть экрана (50% площади) просто пустая.
Две строчки на CSS в этом расширении и дизайн опять нормальный, всё по центру, всё удобно. smile1.gif
Сатаник
Для тех, кто решит попробовать.
После установки Stylebot в браузер Chrome - зайти на металарею, открыть ранее установленное расширение, нажать кнопку "Edit CSS" и скопировать код:
CSS

body {
background: url("http://s017.radikal.ru/i426/1212/ee/ac65cf0519f0.jpg") repeat fixed 0 0 transparent;
}

#mklogostrip {
display: none;
}

#mkwrapper> table {
border: none;
}

.navigatore {
background: url(http://s53.radikal.ru/i140/1212/be/4e29d77362e7.jpg);
display: block;
padding-top: 200px;
text-align: left;
}

.navigatore a {
color: white;
}

.navigatore a font {
color: white;
}

.navigatore img {
display: none;
}

#mkwrapper {
box-shadow: #C0C0C4 0 0 5px 4px;
margin: auto;
width: 1200px;
}

#ipbwrapper {
box-shadow: #C0C0C4 0 0 5px 4px;
margin: auto;
width: 1200px;
background: #C0C0C4;
}


Не забыть нажать "Save"
Un4given
ЦИТАТА(Сатаник @ 10th December 2012 - 00:14:03) <{POST_SNAPBACK}>
Фиксированная ширина шаблона - улучшение.На большом мониторе сайт буквально расползается, неудобно читать, большие пробелы в колонках, много пустоты.

это проблема "танковых щелей" 16х9. Только 4х3, только олдскул! При большом разрешении я бы лучше чуть шрифт увеличил.

Кстати, в Опере подобным творчеством можно заниматься без всяких расширений.
Сатаник
ЦИТАТА(Un4given @ Dec 10 2012, 00:50:19) <{POST_SNAPBACK}>
Кстати, в Опере подобным творчеством можно заниматься без всяких расширений.

У меня на оперу давние обиды, поэтому не пользуюсь.
Интересно сохраняются ли подобные изменения там или после перезагрузки страницы пропадают?
В случае с этим расширением - всё сохраняется.
С шрифтами тоже удобно работать. Но меня устраивают текущие размеры.
Un4given
ЦИТАТА(Сатаник @ 10th December 2012 - 00:54:48) <{POST_SNAPBACK}>
Интересно сохраняются ли подобные изменения там или после перезагрузки страницы пропадают?

в Опере банально нужно создать файлик с расширением *.css для сайта. после закрытия программы и открытия сайта снова загружается оригинал, но свой стиль загружается одним нажатием кнопки.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2025 Invision Power Services, Inc.