Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)


Общие вопросы по оформлению (65)

Сообщений 161 страница 180 из 2001

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+4

161

Ой,уже?
Тогда текст такой :Привет! Рада встрече с вами!Радуйтесь каждому дню!
А цвет ___зелёный...Как вы думаете - пойдёт?

Отредактировано Неизвестно (Пн, 10 Июн 2019 17:21:31)

0

162

Неизвестно написал(а):

А цвет ___зелёный...Как вы думаете - пойдёт?

Посмотрим.. Поставьте в НТМЛ верх:

Код:
<!--Гирлянда-->
<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>

Надо глянуть как у вас будет выглядеть..

+2

163

Здорово!!!!!!!!!! Огромное вам  СПАСИБО!!!!!!https://i.imgur.com/VNB40B3m.gif

kolobdur74 написал(а):

Надо глянуть как у вас будет выглядеть..

Видели?

+2

164

Неизвестно написал(а):

Видели?

Да)) Вроде нормально встало.. Вас устраивает? Текст можете заменять на другой..

+1

165

Очень устраивает! СПАСИБО!!!! :flag:

+1

166

Добрый день. Хочу сделать вот такую (интересует конкретно dori) вот подсказку при наведении как основной вид подсказки (в тексте с тегом аbbr или в шапке, с какой-то инфой). Это возможно? Саму тему взял из статьи отсюда. Скачать файлы скачал, а что делать с ними дальше - ума не приложу

И я где-то видел что-то вроде "разделение ссылок "форум участники профиль", но сейчас нигде не могу найти. Если конкретно, то мне нужно разделить их так, чтобы они не наезжали на голову парнишки в шапке

На данный момент стоит через код передвижения каждой ссылки отдельно, но меня не устраивает то, как это выглядит от обычных людей и от гостя. Есть ли возможность именно разбить на два блока (до ссылки "сообщения" и после) и расположить их по две стороны?

Отредактировано dj_maximus (Сб, 15 Июн 2019 17:28:06)

0

167

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)

+1

168

Deff
Спасибо, и ещё вопрос: почему всплывающая подсказка, установленная в хтмл верх не работает здесь (самое первое предложение первой строки), но работает здесьи здесь?

0

169

dj_maximus написал(а):

но работает здесьи здесь?

Во первых нужны ссылки на конкретный пост, видный гостю или пиар нику

Во вторых нужен скрипт привязанный к тегу abbr

Типовой код  нужно поспрашивать на тех форумах
Для Вашей нового типа подсказки нужно ваять свой ( платно ~ 400р)

+1

170

Deff
тут в гостевой в 3 пункте, при наведении на "3 дня" и "7 дней"

Deff написал(а):

Во вторых нужен скрипт привязанный к тегу abbr

Я использовал вот этот вот на вышеприведённом форуме:

Код:
<!--Всплывающие Подсказки при наведении-->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26671.js"></script>

0

171

dj_maximus
Покажите код вашего поста с abbr в тегах [code][/code]

[abbr="Тут текст пояснений"]Тут текст в сообщении[/abbr]

Отредактировано Deff (Вс, 16 Июн 2019 17:13:40)

+1

172

Deff

Свернутый текст

https://pp.userapi.com/c850636/v850636974/1442e7/D9iGkeJdFoA.jpg

Свернутый текст
Код:
[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)

+1

173

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;
}

В конец первого Окна стиля

+1

174

Deff
Кажется, я не очень умный и не очень внимательный...
Тысяча благодарностей

0

175

Подскажите пожалуйста, как опустить кнопку пониже?

http://images.vfl.ru/ii/1560751381/dbf7cbeb/26910203.jpg

Форум - http://perscitium.mybb.ru

Отредактировано bektau (Пн, 17 Июн 2019 09:03:56)

0

176

bektau
Пробуйте в HTML верх:

<style>
  @media screen and (max-width: 540px){
#pun-ulinks {
    top: 63px !important;
}}
</style>

+1

177

Доброго времени суток)

У меня на форуме несколько стилей. И два из них, если зайти с тел., криво отображаются. Если остальные то еще относительно терпимо, то эти два хотелось бы подровнять. Буду рад, если кто подскажет, что именно в них подровнять надо?

http://curama.mybb.ru/

0

178

Доброго,  странная ситуация - не работают некоторые элементы дизайна на основном форуме и тестовом, на втором тестовом все идеально... Думала битые изображения, ан нет, заменяла их (залила на 2 файлобменника и в файлы форума), все равно не отображаются. Перенесла дизайн на второй новый тестовик, все отобразилось, перенесла скрипты (думала может конфликт с чем-то), все работает, а на основе так и нет...
http://final7fantasy.mybb.ru/ - основа
http://newgarrvards.magicbb.ru/ - тестовый, где не работает
http://lastquarter.mybb.ru/ - тестовый, где работает

скрины

https://i.imgur.com/qNqFBrpm.png
https://i.imgur.com/ZHIwWFhm.png

0

179

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/СКВК-->

+2

180

kolobdur74
Тьфу.... Спасибо хдддд Пошла исправлять хддд

+1


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)