Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (59)
Предыдущая тема: Общие вопросы по оформлению (58)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
чем у меня (1920х1080) постоянно будет появляться прокрутка, а это не есть хорошо
Прокрутка у Вас появляется при ширине 1249 пиксел, в принципе один из возможных стандартов моников - 1200 ну я бы ужал шапку до 1200 (у Вас картинка Шапки это позволяет, там большой запас пустого слево-справо, ужимать до следущей пропорции в 1024 - смысла нет - у Вас форум уже шире этого размера
Ксать вы можете обрезать картинку http://images.vfl.ru/ii/1464801830/b707 … 870839.png шапки точно по прямоугольнику ибо она у Вас движется вместе с фоном, и Шапка неподвижна относительно фона, смысла в планом переходе - ноль
Он нужен, если шапка и фон движутся независимо
Ваши полоски от Шапки слево-справо от шапки мон перенести на фон, засняв скриншот страницы и совместив нужным образом с фоном на HTML http://images.vfl.ru/ii/1464626944/132b … 845558.png
Deff
это вообще отдельная история про плавный переход) там видны нестыковки фона из-за его неоднородности и сложности, из-за соотношения темных и светлых мест, потому что плавный переход. сначала было без него, но пришлось обзавестись, иначе заказчик был недоволен)
Mota_Wolfen
Перенесите полоски на фоновую HTML, она жа неподвижна - нафег их оставлять на шапке? Шапку оставить прямоугольником, ни один ли фиг эти лучи слоем ниже или совместно с шапкой ?
Заодно и уменьшить размер шапки и сократиться скролл
Deff, да, в этом есть смысл... обмозгую завтра. Но еще по поводу первого диза:
http://irepublic.rusff.ru/ - вот здесь на планшете например он сбоку
http://everplay.rusff.ru/ - но тот же диз на другом форуме - по центру и абсолютно нормально отображается на планшете. Теперь моих подозрений, что что-то нечисто стало больше
И еще вопрос на засыпку:
Чем может быть вызван сдвиг форума влево на мобильных устройствах и появление прокрутки? И как это исправить, оставив концепцию дизайнов?
тут, например и вот тут
А зачем вы сдвигаете на этом форуме: http://irepublic.rusff.ru/ #pun-title:
#pun-title {
border: none;
margin-bottom: 10px;
background: url(http://images.vfl.ru/ii/1465076912/a590 … 909835.png) no-repeat center top;
width: 1920px!important;
height: 422px!important;
margin-left: -536px;
overflow: hidden;
}
Боюсь с такими сдвигами без прокрутки не выйдет..
И здесь: http://crossfeeling.rusff.ru/ аналогично:
#pun-title {
margin: 0;
border: none;
margin-bottom: 10px;
background: url(http://images.vfl.ru/ii/1464801830/b707 … 870839.png) no-repeat center top;
width: 1220px;
height: 440px;
margin-left: -182px;
}
kolobdur74, как я написал выше, у меня есть один и тот же дизайн на двух форумах, но оба форума по разному отображаются на планшете абсолютно) Так что дело не в этом
как я написал выше, у меня есть один и тот же дизайн на двух форумах, но оба форума по разному отображаются на планшете абсолютно) Так что дело не в этом
Каждый браузер ведёт себя по разному в зависимости от производителя - один может исправить косяки, другой покажет их все... Если вы сдвигаете для того, чтобы поправить, значит есть изначально косяк, и двигая основной блок вы автоматом двигаете всё - подогнав под один браузер на другом браузере вылезет боком и так до бесконечности.. Вообще жесткие стили к этим вещам капризные.. Ну, да ладно, это ваше дело..
да, в этом есть смысл... обмозгую завтра. Но еще по поводу первого диза:
http://irepublic.rusff.ru/ - вот здесь на планшете например он сбоку
http://everplay.rusff.ru/ - но тот же диз на другом форуме - по центру и абсолютно нормально отображается на планшете. Теперь моих подозрений, что что-то нечисто стало больше
Вы про это? У меня оба форума отображаются одинаково с прокруткой на Хроме на компе..
Deff, да, в этом есть смысл... обмозгую завтра. Но еще по поводу первого диза:http://irepublic.rusff.ru/ - вот здесь на планшете например он сбокуhttp://everplay.rusff.ru/ - но тот же диз на другом форуме - по центру и абсолютно нормально отображается на планшете. Теперь моих подозрений, что что-то нечисто стало больше
На первом дизе http://irepublic.rusff.ru/ у Вас в Админ-настройках отключен мобильный стиль, на втором - нет
Mota_Wolfen
Вот чисто на вскидку на левом дизе просто поверху:
<style>
body {
background: url(http://images.vfl.ru/ii/1465076912/a590 … 909835.png) no-repeat center top !important;
background-size: 1920px 422px;
}
#pun {background-color:transparent;
background-image: none;
}
</style>
<style>
.gifki {
opacity: 0;
transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
}
.gifki img {
border-radius: 200px;
}
.gifki:hover {
opacity: 1;
}
</style><div class="gifki" style="margin-top: 112px; margin-left: 320px; position: absolute;">
<img src="http://images.vfl.ru/ii/1465139507/c469fb38/12917912.gif">
</div>
И никуда ничего не ездит и скролла нет.. То есть это так, как я бы делал, правда #pun переделать нужно будет в вашем случае..
Воспользовалась для форума этим Делаем иконки статуса тем/форумов одной картинкой (спрайтом)
спрайт:
код:
Код:/* Иконки форумов одной картинкой */ div.icon { display: inline-block; width: 50px !important; height: 47px !important; background-image: url(http://forumstatic.ru/files/0015/57/bb/31184.png); background-repeat: no-repeat; background-position: 0 0; } /* Обычная открытая тема - Есть новые сообщения */ .inew .icon { background-position: 0px -50px; } /* Обычная закрытая тема - Нет новых сообщений */ .iclosed .icon { background-position: -51px 0px; } /* Обычная закрытая тема - Есть новые сообщения */ .inew.iclosed .icon { background-position: -51px -50px; } /* Важная открытая тема - Нет новых сообщений */ .isticky .icon { background-position: -101px 0px; } /* Важная открытая тема - Есть новые сообщения */ .inew.isticky .icon { background-position: -101px -50px; } /* Важная закрытая тема - Нет новых сообщений */ .isticky.iclosed .icon { background-position: -152px 0px; } /* Важная закрытая тема - Есть новые сообщения */ .inew.isticky.iclosed .icon { background-position: -152px -50px; } /* Перемещенная тема - Нет новых сообщений */ .iredirect .icon { background-position: -203px 0px; } /* Перемещенная тема - Есть новые сообщения */ .inew.iredirect .icon { background-position: -203px -50px; }
Почему-то после написания новых сообщений на форуме иконки не поменялись
Lidia-Lada
Замените это
/* Важная открытая тема - Есть новые сообщения */
.inew.isticky .icon {
background-position: -101px -50px;
}
На это
/* Важная открытая тема - Есть новые сообщения */
.inew.isticky .icon,tr.inewisticky .icon {
background-position: -101px -50px;
}
Добрый день, у меня вопрос, как обесцветить полоску с баннерами, как на этом форуме?
http://aot-rpg.ru/
Внизу форума полоска с баннерами черно-белая, при наведении на баннеры они становятся цветными.
Варя;
Это в HTML низ (Баннеры ставите свои
<center><div style="height: 62px; overflow:auto; background: rgba(35, 35, 35, 0.051);"><div id="footer"> <a href="http://stairs.rusff.ru/" target="_blank"><img src="http://sf.uploads.ru/Cs3FE.png" title="NARUTO: Tengoku he no Kaidan" border="0" /></a> <a href="http://phrevival.mybb.ru/" target=_blank> <img src="http://sa.uploads.ru/CpeDG.png" title="Pandora hearts: Revival" border=0 width="88" height="31"></a> <a href="http://dnnextlife.rolka.su" target=_blank><img src="http://i52.fastpic.ru/big/2013/0324/55/f9e64d7e743e9acca1dc620fb493e755.gif" border="0" title="Death note: Next Life" width="88" height="31"></a> <a href="http://peacefullwar.rolka.su" target=_blank><img src="http://sf.uploads.ru/oruYC.png" border="0" title="Мирная Война между расами демонов, вампиров и людей" width="88" height="31"></a> <a href="http://leprosorium.rusff.ru/"><img src="http://forumstatic.ru/files/0014/b4/92/69714.gif" alt="Leprosorium" title="Leprosorium. Yaoi. NC-21" border="0"></a> <a href="http://sw.webtalk.ru/" target=_blank> <img src="http://s3.uploads.ru/Edhn9.gif" title=" Bleach: Swords' world" ></a> <a href="http://bleached.rolebb.com/" title="BLEACH: SUPERHEROES." target="_blank"><img src="http://sa.uploads.ru/braoT.gif" border="0" width="88" height="31"></a> <a href="http://outlast.f-rpg.ru/" target="_blank"><img src="http://funkyimg.com/i/21KcF.gif" title="OUTLAST: the greatness of despair" border="0" /></a> <a href="http://oldequestria.mybb.ru/"><img src="http://s3.uploads.ru/UDFSj.png"></a> <a target="_blank" href="http://bis.rusff.ru/"><img src="http://forumstatic.ru/files/0010/04/57/68246.gif" ></a> <a href="http://seraph.f-rpg.ru/" target="_blank"><img src="http://s015.radikal.ru/i331/1512/29/cec855349ea7.gif" title="Owari no seraph. Seraph of the end" border="0"width="88" height="31"></a> <a href="http://fmaouroboros.ru/" target="_blank"><img src="http://i.imgur.com/uhk0tR7.png" title="Fullmetal Alchemist: Chain of Ouroboros"></a> <a href="http://divideetimpera.f-rpg.ru/"><img src="http://storage4.static.itmages.ru/i/16/0416/h_1460836145_5547370_1d7f76a089.png" title="Divide et Impera [NC-21]"></a> <a href="http://avalon.rolebb.ru/"><img src="http://funkyimg.com/i/284o2.gif" title="...Сколько миль до Авалона?" /></a> <a href="http://cgeass.rusff.ru/" target=_blank> <img src="http://sh.uploads.ru/K429b.jpg" title="Code Geass: Castling" ></a> <a href="http://darkshadows.hutt.ru/" title="DARK SHADOWS" target="_blank"><img src="http://s012.radikal.ru/i319/1604/1f/57e57151d446.gif"></a> <a href="http://newlifedetroit.rusff.ru/"> <img src="http://picua.org/img/2016-05/27/rtz4ebo0b0briufe76sufghay.gif" title="New-Detroit life: Felidae coke"></a> <a href="http://zephyr.f-rpg.ru/"><img src="http://s8.uploads.ru/q3zX5.png" alt="Зефир, помощь ролевым" title="Зефир, помощь ролевым" /></a> <a href="http://coffeebreak.rusff.ru/" target="_blank"> <img src="http://savepic.net/5427620.png" border="0" width="88" height="31" title="Ролевой Каталог CoffeeBreak"></a> </div></div></center>
Это в Конец Второго Окна
#footer a img {-webkit-filter: opacity(30%);}
#footer a img {-webkit-filter: grayscale(100%);}
#footer a:hover img {-webkit-filter: grayscale(1%);}
Lidia-Lada
Замените этоНа это
не получилось. иконки не меняются если в закрытой, закрытой важной и просто важной писать новые сообщения
не получилось. иконки не меняются если в закрытой, закрытой важной и просто важной писать новые сообщения
На сколько я знаю - закрытые и важные темы не меняют свои иконки на новые при создании новых сообщений..
На сколько я знаю - закрытые и важные темы не меняют свои иконки на новые при создании новых сообщений..
Не, я неправ..
Lidia-Lada
Ссылку на форум с подобной темой
Alex_63
проблема на всем форуме
но новые сообщения тут: http://arkania.rolebb.ru/viewforum.php?id=16
Alex_63
Большое спасибо)
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (59)
