Название: Дарк, хоррор
Автор: @Gothkiller, @кимико рин
Исходники и макет: Да
Тест на кроссбраузерность: НЕТ
Корректность отображения при разных разрешениях: НЕТ (могут быть мелкие баги)
СТРУКТУРА STYLE.CSS
ЦВЕТА STYLE_CS.CSS
HTML ВЕРХ
HTML НИЗ
Дизайн Черно-серый хоррор (+PSD)
Сообщений 11 страница 20 из 33
Поделиться113.01.22 18:19
- Атаманша
- Уважение: +8295
- Достижения/подарки: cake 7 emoji_events 6
- Наградные баллы: 1 085
Поделиться1101.02.22 20:00
- Атаманша
- Уважение: +8295
- Достижения/подарки: cake 7 emoji_events 6
- Наградные баллы: 1 085
#p164522,kимико рин написал(а):
В общем, я тут тоже, всё таки, решила немного позалипать.
Не серчайте :с
Немного подсмотрела в коды человека выше, чисто для устранений некоторых своих косяков~
У вас хорошо получилось! 
Я вчера так и не смогла проверить косяки, всё ещё отхожу от смерти котика. Сейчас вижу вы там что-то делаете, тогда не буду лезть в админку чтобы не заглючило. Если нужно будет помочь с чем-нибудь по кодам в этом дизайне - пишите. Вашу версию кодов сейчас в каталог добавлю.
Поделиться1201.02.22 20:12
- Участник
- Уважение: +12
- Наградные баллы: 20
#p164523,Automation Baby написал(а):
У вас хорошо получилось!
Аж засмущалась, хех ;з
Ничего страшного. У самой в 202 году не стало любимого питомца, так что могу понять, что сейчас твориться у вас. *звуки тоски*
В принципе, на данный момент я закончила копаться в кодах и прочем, так что... ожете село копаться, если что-то нашлось из косяков (ну мало ли~)
Поделиться1301.02.22 20:20
- Участник
- Уважение: +12
- Наградные баллы: 20
Automation Baby
Кстати... Единственное, что я так и не смогла втуплить, так как поправить этот момент:
Поделиться1401.02.22 20:55
- Атаманша
- Уважение: +8295
- Достижения/подарки: cake 7 emoji_events 6
- Наградные баллы: 1 085
#p164524,kимико рин написал(а):
В принципе, на данный момент я закончила копаться в кодах и прочем, так что... ожете село копаться, если что-то нашлось из косяков (ну мало ли~)
Сейчас тогда поправлю что увидела и напишу что исправила.
#p164525,kимико рин написал(а):
Кстати... Единственное, что я так и не смогла втуплить, так как поправить этот момент:
А что здесь надо сделать? Фон поставить?
Поделиться1501.02.22 21:01
- Участник
- Уважение: +12
- Наградные баллы: 20
#p164526,Automation Baby написал(а):
Сейчас тогда поправлю что увидела и напишу что исправила.
Хорошо)
#p164526,Automation Baby написал(а):
А что здесь надо сделать? Фон поставить?
Да хотя бы поправить иконку соо, чтобы не обрезалась сверху
И сменить цвет названию подфорума
Поделиться1601.02.22 21:28
- Атаманша
- Уважение: +8295
- Достижения/подарки: cake 7 emoji_events 6
- Наградные баллы: 1 085
kимико рин
Вот что поправила:
Импорты (вот типа такого) лучше ставить вначале кода:
@font-face {
font-family: "Baron Neue Black";
src: url("https://forumstatic.ru/files/001b/7f/c9/78204.eot"); /* IE9 Compat Modes */
src: url("https://forumstatic.ru/files/001b/7f/c9/78204.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("https://forumstatic.ru/files/001b/7f/c9/71239.svg") format("svg"), /* Legacy iOS */
url("https://forumstatic.ru/files/001b/7f/c9/49169.ttf") format("truetype"), /* Safari, Android, iOS */
url("https://forumstatic.ru/files/001b/7f/c9/82010.woff") format("woff"); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
Из фона убрала картинку и сделала просто цвет (и ничего не изменится с виду, а грузится будет легче):
Код:
/* A3 Text setup
-------------------------------------------------------------*/
html {background-color: #121212;}Вот эти настройки размера текста дублируются:
/* A3.1 */
body {
font-size: 100.01%;
}
Поэтому совсем убрала дубль, потому что ниже у вас уже есть размер шрифта:
/* A3.2 */
.punbb {
font: normal 70% Century Gothic;
}
Вот тут я убрала лишнее:
#pun-viewtopic .post h3 {
background: url("https://forumstatic.ru/files/001b/7f/c9/27042.png") no-repeat scroll center top;color: #707433 !important;
height: 30px;
margin-bottom: 0px;
margin-left: -9px;
padding-top: 0px!important;
width: 934px!important;
}
Потому что:
color: #707433 - это зелёный цвет, а у вас в заголовках постов используется белый. Цвет тут не нужен.
!important - это крайние меры, их лучше не использовать без надобности. То есть (это совет на будущее, кое-где я импортанты поубирала) попробуйте убрать из кода в инструментах разработчика, если ничего не изменилось значит и не нужны эти меры. А если оставить их, то в будущем могут быть проблемы. Не только в этом куске кода, я бы на вашем месте по всем бы !important прошлась и поубирала бы те которые не нужны.
width: 942px - неправильная ширина, так как фоновая картинка шириной всего 934 пикс.
Вот этот кусок вообще убрала:
.punbb .post h3 {
border-style: solid solid none solid;
border-width: 1px;
margin-left: -3px;
margin-right: -2px;
}
И кое-что ещё по мелочам.
Подфорумам фон поставила, но не до конца. И не до конца все баги поправила, к сожалению сейчас надо идти, не успеваю доделать. Завтра попробую что-то ещё доделать, в том числе и подфорумы.
Мои советы (не делала, просто советую):
1) Шапку вообще я бы перевестала почти полностью. Она имеет место быть, конечно, но в будущем если что захочется поменять в объявлении она может принести кучу проблем: например, название сменить - это ж придётся всю картинку перезаливать!
2) Вот такое в скриптах:
<style>.status_userava>img{width: 35px; height: 35px; border-radius: 0px 0px 0px 0px; border: 2px solid #522449; filter: grayscale(60%); margin: 2px 0px -0px -0px;
margin-bottom: -20px; margin-left: -48px;}</style>
Там где можно лучше перенести в "Свой стиль" (без тегов <style></style> естественно).
Но, не исключаю что я могу быть не везде права, отталкиваюсь исключительно из своих знаний вёрстки и уроков Герды, которые читала.
Поделиться1701.02.22 21:40
- Участник
- Уважение: +12
- Наградные баллы: 20
Так, ну, вроде, всё понятно.
#p164528,Automation Baby написал(а):
1) Шапку вообще я бы перевестала почти полностью. Она имеет место быть, конечно, но в будущем если что захочется поменять в объявлении она может принести кучу проблем: например, название сменить - это ж придётся всю картинку перезаливать!
Ну... Тут я подсуетилась немного и подготовила шапку с названием(пришлось напрячь свой PS, который жрёт у меня оперативку, как нефиг делать, но я сделала это, пусть и с горе пополам)
#p164528,Automation Baby написал(а):
2) Вот такое в скриптах:
Ага, возьму на вооружение
Поделиться1803.02.22 13:52
- Атаманша
- Уважение: +8295
- Достижения/подарки: cake 7 emoji_events 6
- Наградные баллы: 1 085
kимико рин
Доделала сегодня подфорумы и ещё раз прошлась и поправила баги:
1) добавила заголовки к таблицам (тем, сообщений, форум и т. д.) потому что без них цифры кол-ва сообщений, тем и просмотров смотрелись странно;
2) выровнила вид иконок на странице списка тем и добавила еле заметные разделительные линии, ибо без них можно было промахнуться и нажать на последнее сообщение соседнего топика;
3) при просмотре профиля кнопку "Редактировать" сделала заметнее;
4) кое-где ещё добавила разделительных линий (тоже тоненькие, еле заметные), потому что без них сливались блоки друг другом;
5) заголовки и кое-какие ссылки (н-р на создание тем, опросов) сделала заметнее.
Всё что сделала я постаралась подписать в коде, на случай если захотите поменять или убрать.
Поделиться1903.02.22 15:22
- Участник
- Уважение: +12
- Наградные баллы: 20
Automation Baby
Поняла, приняла, учла
Поделиться2024.11.22 11:36
Всем привет! Очень понравился диз, но подскажите пожалуйста, как заменить слово название на само название форума?
Пост написан 21.11.22 18:21
