Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)
Предыдущая тема: Общие вопросы по оформлению (64)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Ой,уже?
Тогда текст такой :Привет! Рада встрече с вами!Радуйтесь каждому дню!
А цвет ___зелёный...Как вы думаете - пойдёт?
Отредактировано Неизвестно (Пн, 10 Июн 2019 17:21:31)
А цвет ___зелёный...Как вы думаете - пойдёт?
Посмотрим.. Поставьте в НТМЛ верх:
<!--Гирлянда-->
<style>
html {background: url(https://i.imgur.com/8LP2sqd.png) repeat-x top center;}
#pun {margin-top: 100px}
</style>
<!--Бегущая строка-->
<style>.marquee {color: #006400;font-size: 16px;}</style>
<marquee direction="left" scrollamount="3,5" scrolldelay="10" height="30" width:100% bgcolor="transparent"><div class="marquee">Привет! Рада встрече с вами! Радуйтесь каждому дню!</div></marquee>Надо глянуть как у вас будет выглядеть..
Здорово!!!!!!!!!! Огромное вам СПАСИБО!!!!!!
Надо глянуть как у вас будет выглядеть..
Видели?
Видели?
Да)) Вроде нормально встало.. Вас устраивает? Текст можете заменять на другой..
Очень устраивает! СПАСИБО!!!! 
Добрый день. Хочу сделать вот такую (интересует конкретно dori) вот подсказку при наведении как основной вид подсказки (в тексте с тегом аbbr или в шапке, с какой-то инфой). Это возможно? Саму тему взял из статьи отсюда. Скачать файлы скачал, а что делать с ними дальше - ума не приложу
И я где-то видел что-то вроде "разделение ссылок "форум участники профиль", но сейчас нигде не могу найти. Если конкретно, то мне нужно разделить их так, чтобы они не наезжали на голову парнишки в шапке
На данный момент стоит через код передвижения каждой ссылки отдельно, но меня не устраивает то, как это выглядит от обычных людей и от гостя. Есть ли возможность именно разбить на два блока (до ссылки "сообщения" и после) и расположить их по две стороны?
Отредактировано dj_maximus (Сб, 15 Июн 2019 17:28:06)
dj_maximus
Эти 2 стиля и 3 скрипта перезалить в Администрирование-Файлы и заменить ссылки ( в красном)... синим - тексты
Примерный вид:
<!--Стили в HTML верх-->
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<!--Сам блок тултипа -->
<div class="tooltip tooltip--gram" data-type="gram">
<div class="tooltip__trigger" role="tooltip" aria-describedby="info-gram">
<span class="tooltip__trigger-text">Gram</span>
</div>
<div class="tooltip__base">
<svg class="tooltip__shape" width="100%" height="100%" viewBox="0 0 400 300">
<path d="M 92.4,79 C 136,79 154,115 200,116 246,117 263,80.4 308,79 353,77.6 381,111 381,150 381,189 346,220 308,221 270,222 236,188 200,188 164,188 130,222 92.4,221 54.4,220 19,189 19,150 19,111 48.6,79 92.4,79 Z"/>
</svg>
<div class="tooltip__content" id="info-gram">You can only be afraid of what you think you know.</div>
</div>
</div>
<!--END//Блок тултипа --><!--Cкрипты в HTML низ -->
<script src="js/anime.min.js"></script>
<script src="js/charming.min.js"></script>
<script src="js/main.js"></script>
Отредактировано Deff (Вс, 16 Июн 2019 02:28:47)
Deff
тут в гостевой в 3 пункте, при наведении на "3 дня" и "7 дней"
Во вторых нужен скрипт привязанный к тегу abbr
Я использовал вот этот вот на вышеприведённом форуме:
<!--Всплывающие Подсказки при наведении--> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26671.js"></script>
dj_maximus
Покажите код вашего поста с abbr в тегах [code][/code]
[abbr="Тут текст пояснений"]Тут текст в сообщении[/abbr]
Отредактировано Deff (Вс, 16 Июн 2019 17:13:40)
Deff
Код:[abbr="текст текст текст"]Lorem Ipsum is simply dummy text of the printing and typesetting industry.[/abbr] Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
http://qwerty.forum.cool/viewtopic.php?id=3#p4
Отредактировано dj_maximus (Вс, 16 Июн 2019 17:26:34)
dj_maximus
Помимо скрипта там еще и стиль есть:
#tooltip {
position: absolute;
background: #c7c4cb;
z-index: 999;
max-width: 180px;
border: none;
font-family: tahoma;
font-size: 10px;
display: none;
color: #555;
text-align: center;
padding: 3px 5px 5px 5px!important;
border-radius:6px;
letter-spacing: 1px;
text-transform: lowercase;
}
В конец первого Окна стиля
DeffКажется, я не очень умный и не очень внимательный...
Тысяча благодарностей
Подскажите пожалуйста, как опустить кнопку пониже?
Форум - http://perscitium.mybb.ru
Отредактировано bektau (Пн, 17 Июн 2019 09:03:56)
bektau
Пробуйте в HTML верх:
<style>
@media screen and (max-width: 540px){
#pun-ulinks {
top: 63px !important;
}}
</style>
Доброго времени суток)
У меня на форуме несколько стилей. И два из них, если зайти с тел., криво отображаются. Если остальные то еще относительно терпимо, то эти два хотелось бы подровнять. Буду рад, если кто подскажет, что именно в них подровнять надо?
Доброго, странная ситуация - не работают некоторые элементы дизайна на основном форуме и тестовом, на втором тестовом все идеально... Думала битые изображения, ан нет, заменяла их (залила на 2 файлобменника и в файлы форума), все равно не отображаются. Перенесла дизайн на второй новый тестовик, все отобразилось, перенесла скрипты (думала может конфликт с чем-то), все работает, а на основе так и нет...
http://final7fantasy.mybb.ru/ - основа
http://newgarrvards.magicbb.ru/ - тестовый, где не работает
http://lastquarter.mybb.ru/ - тестовый, где работает
Cissnei, у вас битые ссылки в скрипте:
<!--Своя картинка в категорию-->
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){myarray=new Array(
"ORGANISATION", "http://s3.uploads.ru/jmCOX.jpg",
"GAME ZONE", "http://sg.uploads.ru/Bc9sm.jpg",
"FREE RPG ZONE", "http://s4.uploads.ru/xNhea.jpg",
"FLOOD", "http://s7.uploads.ru/Ub5ZX.jpg",
"PR ZONE", "http://s1.uploads.ru/Nfeba.jpg",
"ARCHIVES", "http://s9.uploads.ru/1cHrY.jpg"
)$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){var cssObj = {
"height":"26px",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"50% 50%",
"background-repeat":"no-repeat" //Последний элемент без запятой!
}if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script>
<!--END/СКВК-->
kolobdur74
Тьфу.... Спасибо хдддд Пошла исправлять хддд
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)
