Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (58)
Предыдущая тема: Общие вопросы по оформлению (57)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Небылица
Ссылку на пост с проблемой - клик по дате в сообщении (Видной гостю, выйдите с форума - уточните, если не видна откройте раздел для гостя)
Deff
Спасибо огромное!
Можно еще вопросик? Кнопки вверх и вниз должны быть прозрачные (у меня пнг формат), но почему то с фоном. Можно исправить?
Можно еще вопросик? Кнопки вверх и вниз должны быть прозрачные (у меня пнг формат), но почему то с фоном. Можно исправить?
Можно, исправить в ФШ, отделив белый фон. PNG лишь допускает отделение фона и чистую прозрачку, но сам по себе ничего не отделяет
Я бы листики сделал зелёными... Можно попробовать попросить на этом форуме => http://imagiart.ru/viewforum.php?id=24
Небылица
У Вас два одинаковых элемента с идентичными классами, будет дейстовать последний из кодов css
Добавил разницу в классах:
<!--HTML--><link href='https://fonts.googleapis.com/css?family=Handlee|Fugaz+One' rel='stylesheet' type='text/css'>
<table layout=fixed width=100%>
<tr>
<td><style type="text/css">
.asf-bajancanadian.a {
width:250px;
height:300px;
padding:25px;
background-image:url(http://funkyimg.com/i/28MJv.png);
background-position: center bottom;
}
.asf-jerome {
width: 150px;
padding:25px;
background-color:#504545;
margin-top:-50px;
z-index:1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.asf-noochm {
font-size:50px;
font-style:italic;
font-weight:bold;
font-family:playfair display;
color:#fcfcfc;
line-height:100%;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.asf-mitch {
width:150px;
padding:25px;
overflow:auto;
font-family:calibri;
font-size:11px;
line-height:99%;
background-color:rgba(255, 255, 255, 0.8);
background-color:rgb(255, 255, 255, 0.8);
text-align:justify;
height:0px;
color:191919;
opacity:0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.asf-bajancanadian:hover .asf-jerome {
margin-top:0px;
}
.asf-bajancanadian:hover .asf-mitch {
opacity:1;
height:150px;
}
.mrc {
font-family:calibri;
font-size:9px;
text-transform:uppercase;
text-decoration:none;
}
.mrc a {
text-decoration:none;
color:#727272;
}
</style>
<center>
<div class="asf-bajancanadian a">
<div class="asf-mitch">
<b><size=16> РУСАЛКИ</size></b>
</div>
</center></div></div>
</div></td>
<td><style type="text/css">
.asf-bajancanadian.b {
width:250px;
height:300px;
padding:25px;
background-image:url(http://funkyimg.com/i/28MJt.png);
background-position: center bottom;
}
.asf-jerome {
width: 200px;
padding:25px;
background-color:#504545;
margin-top:-50px;
z-index:1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.asf-noochm {
font-size:50px;
font-style:italic;
font-weight:bold;
font-family:playfair display;
color:#fcfcfc;
line-height:100%;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.asf-mitch {
width:200px;
padding:25px;
overflow:auto;
font-family:calibri;
font-size:11px;
line-height:99%;
background-color:rgba(255, 255, 255, 0.8);
background-color:rgb(255, 255, 255, 0.8);
text-align:justify;
height:0px;
color:191919;
opacity:0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.asf-bajancanadian:hover .asf-jerome {
margin-top:0px;
}
.asf-bajancanadian:hover .asf-mitch {
opacity:1;
height:200px;
}
.mrc {
font-family:calibri;
font-size:9px;
text-transform:uppercase;
text-decoration:none;
}
.mrc a {
text-decoration:none;
color:#727272;
}
</style>
<center>
<div class="asf-bajancanadian b">
<div class="asf-mitch">
описание
</div>
</center></div></div>
</div> </td>
</tr>
</table>Deff, ох да, спасибо все работает!
Deff написал(а):1. Я Вам сказал, что в блоке в шапке , где розыск персонажа код кривой.
Я так и не понял, где именно "кривой код". Ротатор брался от вас же: Рандомный показ баннеров
Код:<div id="КонтентРотатор" style="width:400px;"><!-- Ротатор произвольного контента --> <p>1-й Контент</p> <p>2-й Контент</p> <p>3-й Контент</p> <p>4-й Контент</p> <p>N-й Контент</p> </div> <script type="text/javascript"> (function() { var sek = 2000; // Время отображения var id = "КонтентРотатор" var P=$("#"+id+" p"), Nrout=P.length, i=Math.round(Math.random()*(Nrout-1)); RotatorMycontent(i); function RotatorMycontent(i) { P.hide();P.eq(i).show();j=Math.round(Math.random()*(Nrout-1)); timerID = setTimeout(function(){RotatorMycontent(j)},sek);} }()); </script>#КонтентРотатор p{display:none} - был изъят из тегов и убран в цвета.css, как и расположение его "в пространстве".
Deff написал(а):самое главное исправить
Полагаю, не читается почему-то загружаемый шрифт на форум.
структура.css/* A1.1 */
@import url(style_cs.css);
@font-face {
font-family: 'Beer money';
src: local('beer money'), local('beermoney'), url('http://64424.selcdn.ru/webfonts/beermoney/400.woff2') format('woff2'), url('http://64424.selcdn.ru/webfonts/beermoney/400.woff') format('woff');
font-weight: 400;
font-style: normal;
}У кого-то читает (и с ноутбука, и с телефона), у кого-то игнорирует.
Ой, простите, не заметил(
Обновил, жду отзывов.
Добавлено спустя 3 минуты 1 секунду:> Всё то же самое.
< Я имею ввиду, все также едет во все стороны?
> Ну, вообще ничего не изменилось.
Полагаю, не читается почему-то загружаемый шрифт на форум. структура.css
1. Возьмите и поставьте шрифт точно по описанию, файлы шрифтов заливайте на сам форум, не все браузеры читают шрифты с иноресурса
Кросс Браузерная подгрузка Шрифтов на форум
#КонтентРотатор p{display:none} - был изъят из тегов и убран в цвета.css, как и расположение его "в пространстве".
2. Поставьте назад из стиля в HTML верх перед скриптом, я поправлю,- позиционирование кривое
DeffОк. В процессе файл .svg не смог залиться на форум. Пишет "не должно превышать 1МБ".
Воспользовался другим конвертером. Поставил "Контент.Ротатор" на место.
Отредактировано Северный Ветер (Вс, 6 Мар 2016 00:51:35)
Северный Ветер
На svg можно забить или залить его отдельно, на иной ресурс. Достаточно
.eot
.woff
.ttf
Deff
По отзывам ничего не получилось. Шрифт также не показывается.
Северный Ветер
Кидайте тестовый админ ник пароль в личку, = завтра подправлю ротатор и шрифт
Deff
Готово. Спасибо, что возитесь.
Здравствуйте. Помогите плиз решить проблему:
На старом дизайне никуда ничего не сдвигалось. Те же настройки перенесла на новый, и все съехало.
В чем может быть дело?
Отредактировано Riya (Вс, 6 Мар 2016 13:54:17)
Riya
Попробуйте в Конец Первого Окна стилей
#navReader {
margin-left: 1.1em !important;
margin-right: 1.1em !important;
}
Alex_63
О, спасибо большое! Все встало на свои места))
Deff
Неудобно напоминать, но что там с форумом?
Северный Ветер
Упс, забыл, завтра гляну...
Deff
Спасибо. 
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (58)