Общие вопросы от новичков (63)

Страница: « 1 … 75 76 77 78 79 … 101 »

Тема закрыта

Сообщений 1521 страница 1540 из 2012

Поделиться1Ср, 20 Ноя 2019 11:51:57

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 10:33:28

Продолжение темы Общие вопросы от новичков (62)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

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

Отредактировано Deff (Ср, 20 Ноя 2019 11:52:38)

Поделиться1521Сб, 3 Апр 2021 08:08:09

Автор: Еленка С.
Заслуженный
Зарегистрирован: Сб, 16 Ноя 2019
Сообщений: 8
Уважение: +9
Позитив: +1
Последний визит:
Вт, 4 Май 2021 12:22:56

Здравствуйте! У меня предложение- сделать в этой теме раздел "Для блондинок", я хоть и рыжая, но не пойму ни фига.... Как добавить красивые БОЛЬШИЕ смайлы- я уже забила на эту просьбу, ну не умею и всё!))) Плюсики- минусики не ставятся, меняла уже и значения в настройках, кроме ноля всё ставила- хренушки.... :'( Как цветочки какие- нибудь поставить на фон форума- тоже до мну не доходит, а хочется цветочки.... :flirt: :yep: Тоже забила. Если найдутся добрые люди , кто исправит мои непонятки- с меня шоколадка. Спасибо! :love: :flirt: :yep:
Адрес:http://001911.mybb.ru/http://001911.mybb.ru/

П.С.Мне это админство апче ни к чему, но на 911 и на параллеьном уже пожизненно забанили, а как мои мужики- то без меня? Все же порастеряются, вот и создала флудофорум и ни фига не пойму.... :dontknow: Одно слово- Ленка.

Поделиться1522Сб, 3 Апр 2021 08:25:50

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2819
Уважение: +1558
Позитив: +2091
Пол: Мужской
Последний визит:
Сегодня 08:58:22

Еленка С.
Смайлики могу предложить такой код:

Код:

<!-- Смайлики -->
<script type="text/javascript">
<!--
// Copyright 2009 SiteNull.ru
var forsm = document.getElementById("main-reply");
var smilies = new Array(
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/blum2.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/good.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/lol.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/smile.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/sorry2.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/sarcastic.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/scare.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/boast.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/nea.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/yahoo.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/stop.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/acute.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/preved.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/lazy.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/yes3.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/biggrin.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/i-m_so_happy.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/wink.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/ok.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/fool.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/clapping.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/thank_you2.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/bye.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/mocking.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/beee.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/sad.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/victory.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/wacko2.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/prankster2.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/shock.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/this.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/bomb.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/unknown.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/drinks.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/friends.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/punish.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/pardon.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/pleasantry.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/hi.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/boredom.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/blush.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/bad.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/rofl.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/secret.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/popcorn1.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/scratch_one-s_head.gif',
'https://smiles.kolobanga.ru/hd_koloboks/hd_dark_skin/shout.gif'
)
forsm.style.height='300px';
smcontainer = forsm.parentNode;
smcnt = smcontainer.innerHTML;
smcontainer.innerHTML = "<table><tr><td valign='top'>"+smcnt+"</td><td valign='top' width='250'><div id='smcontain' align='center' style='width: 250px; height: 305px; border: 1px solid #FFFFFF; float: right; overflow: auto;'> </div></td></tr></table>";
for(i=0;i<smilies.length;i++){
document.getElementById("smcontain").innerHTML +="<img src='"+smilies[i]+"' alt='Smilies' title='Smilies' onclick='ins(this);' style='cursor: pointer;'>  "
};
function ins(img){
smile('[img]'+img.src+'[/img]');
}
//-->
</script>

ставить в Администрирование - HTML в форме ответа
смайлы естественно можно поменять на свои.

Еленка С. написал(а):

Плюсики- минусики не ставятся

Администрирование - Группы - Настройка групп - Изменять уважение - Да

и тут Администрирование - Настройки - Система отношений проставить так:

Еленка С. написал(а):

Как цветочки какие- нибудь поставить на фон форума- тоже до мну не доходит, а хочется цветочки....

У Вас форум резиновый, фон будет виден только по краям
фон можно поставить так:

Код:

<style type="text/css">
HTML, BODY {background: url("ПРЯМАЯ ССЫЛКА НА КАРТИНКУ ФОНА") fixed repeat;}
</style>

Администрирование - Формы - HTML верх

Отредактировано ACT3255 (Сб, 3 Апр 2021 08:38:49)

Поделиться1523Сб, 3 Апр 2021 22:01:38

Автор: GMaster
Заслуженный
Зарегистрирован: Пт, 28 Ноя 2014
Сообщений: 44
Уважение: +23
Позитив: +28
Последний визит:
Вт, 14 Ноя 2023 23:09:40

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

http://russkidetektiv.bestbb.ru/

Как вернуть так, чтоб они были скрыты на главной и снова отображались ссылками? как ссылка на сайт тут на другом моем проекте?
http://atlanticcitygangsters.bestbb.ru/
(раздел Справочный материал)

(скриншот не грузит)

Поделиться1524Сб, 3 Апр 2021 22:13:26

Автор: СергейSerg
Заслуженный
Зарегистрирован: Вс, 8 Июл 2018
Сообщений: 569
Уважение: +194
Позитив: +411
Пол: Мужской
Последний визит:
Чт, 18 Апр 2024 20:00:18

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

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

http://russkidetektiv.bestbb.ru/

Как вернуть так, чтоб они были скрыты на главной и снова отображались ссылками? как ссылка на сайт тут на другом моем проекте?
http://atlanticcitygangsters.bestbb.ru/
(раздел Справочный материал)

(скриншот не грузит)

А зачем вам скрипт подфорумов? Если в настройках самого форума есть функция "подфорум"

Отредактировано СергейSerg (Сб, 3 Апр 2021 22:14:24)

Поделиться1525Сб, 3 Апр 2021 23:10:33

Автор: GMaster
Заслуженный
Зарегистрирован: Пт, 28 Ноя 2014
Сообщений: 44
Уважение: +23
Позитив: +28
Последний визит:
Вт, 14 Ноя 2023 23:09:40

СергейSerg
не скрипт. а именно подфорумы сервиса Речь о тех что в настройках. Они проблемные и странно отображаются. на бестбб были нормальные, ссылками. зачем поменяли на эти - я не знаю.

Скрипт нужен чтоб вернуть нормальный вид. И не знаю что делать.

Отредактировано GMaster (Сб, 3 Апр 2021 23:34:12)

Поделиться1526Сб, 3 Апр 2021 23:57:27

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

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

не скрипт. а именно подфорумы сервиса Речь о тех что в настройках. Они проблемные и странно отображаются. на бестбб были нормальные, ссылками. зачем поменяли на эти - я не знаю.

Обновления на сервисе Пост 39. Так же варианты оформления: CSS трюки пост 123, CSS трюки пост 122, CSS трюки пост 121. Алекс больше скрипт подфорумов не поддерживает, поэтому и отключил его на бестбб.

Отредактировано kolobdur74 (Сб, 3 Апр 2021 23:58:58)

Поделиться1527Вс, 4 Апр 2021 05:12:13

Автор: tartar1
поэт..
Зарегистрирован: Вс, 16 Апр 2017
Сообщений: 1684
Уважение: +203
Позитив: +1070
Последний визит:
Сегодня 06:39:07

GMaster

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

чтоб они были скрыты на главной и снова отображались ссылками?

поставьте скрипт алекса подфорумы не скриптом 3. у меня стоит

Поделиться1528Вс, 4 Апр 2021 05:55:32

Автор: Еленка С.
Заслуженный
Зарегистрирован: Сб, 16 Ноя 2019
Сообщений: 8
Уважение: +9
Позитив: +1
Последний визит:
Вт, 4 Май 2021 12:22:56

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

Администрирование - Группы - Настройка групп - Изменять уважение - Да

Здравствуйте! Всё поставила как вы сказали, в группах, вообще, у меня всё так и стояло, жму плюсик, сверху выскакивает сообщение- "Ссылка, по которой вы пришли неверная или устаревшая." Чё это за фигня? Ни одного программиста под рукой, а я- девочка, я вот в эти скрипты смайлов апче боюсь лезть,- сломаю весь форум к чертям.... Но Вам спасибо, огромное, тратили время на дурочку. :love: :flirt:

Отредактировано Еленка С. (Вс, 4 Апр 2021 09:57:59)

Поделиться1529Вс, 4 Апр 2021 06:04:18

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 10:33:28

Еленка С.
Не проставляются только у Вас, или у Всех ? Дайте ссылку на пост с проблемой(клик по дате в сообщении)
Киньте Админ-ник пароль в личку и ссылку на форум

Отредактировано Deff (Вс, 4 Апр 2021 06:04:55)

Поделиться1530Вс, 4 Апр 2021 13:26:46

Автор: Arakhen
Посол Rusff
Зарегистрирован: Ср, 10 Май 2017
Сообщений: 440
Уважение: +391
Позитив: +434
Последний визит:
Ср, 17 Апр 2024 13:44:02

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

СергейSerg
не скрипт. а именно подфорумы сервиса Речь о тех что в настройках. Они проблемные и странно отображаются. на бестбб были нормальные, ссылками. зачем поменяли на эти - я не знаю.

Скрипт нужен чтоб вернуть нормальный вид. И не знаю что делать.

обсуждение подфорумов
Возврат внешнего вида скрипта Алекса (в настройках у подфорумов должно быть "отображаются подробно на главной и в разделе).
Функционально они ничем не отличаются, вопрос привычки.

tartar1
Тартар - либо уточняй, что скрипт перестали поддерживать и он может очень криво работать, и вообще это был лютый костыль за неимением вариантов, либо не предлагай его, пожалуйста. Его не просто так отключили у партнерки. Его использование сейчас - сугубо на свой страх и риск, надо это учитывать.

Telegram @lawrenjin

Поделиться1531Вс, 4 Апр 2021 13:37:47

Автор: kernel
Администратор
Зарегистрирован: Пт, 31 Янв 2020
Сообщений: 1590
Уважение: +3620
Позитив: +189
Последний визит:
Вт, 20 Окт 2020 15:41:44

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

Они проблемные

В чём они проблемные?

Поделиться1532Пн, 5 Апр 2021 00:22:17

Автор: GMaster
Заслуженный
Зарегистрирован: Пт, 28 Ноя 2014
Сообщений: 44
Уважение: +23
Позитив: +28
Последний визит:
Вт, 14 Ноя 2023 23:09:40

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

В чём они проблемные?

Так в том и проблема что отображаются как обычные форумы и уезжают вниз. Было аккуратно, а счас как сломанно(

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

Возврат внешнего вида скрипта Алекса (в настройках у подфорумов должно быть "отображаются подробно на главной и в разделе).

Посмотрю.

Всем спасибо) Буду пробовать)

Поделиться1533Пн, 5 Апр 2021 00:30:21

Автор: GMaster
Заслуженный
Зарегистрирован: Пт, 28 Ноя 2014
Сообщений: 44
Уважение: +23
Позитив: +28
Последний визит:
Вт, 14 Ноя 2023 23:09:40

Arakhen
то что было нужно) Спасибо за подсказку)

Поделиться1534Сб, 10 Апр 2021 21:58:06

Автор: falconsama
Заслуженный
Зарегистрирован: Сб, 10 Апр 2021
Сообщений: 6
Уважение: +1
Позитив: 0
Последний визит:
Сб, 5 Мар 2022 22:03:07

Здравствуйте, у меня вопрос, будет ли корректно отображаться на странице форума данный код?(взят из интернета для оформления информации о персонаже)

код

Код:

<div class="card tab-pane px-md-5 py-md-4 border-0 p-2 px-4 container mx-auto mt-3 border-0" style="font-size: 13px; letter-spacing: .4px; background:#df6f7b url(https://f2.toyhou.se/file/f2-toyhou-se/images/23510176_hKmwHd78TJXxIw1.png); color:#504e4a; border-radius:10px">
    
    <div class = "row p-3" style="background:#f3f3ea; border-radius:10px">
        
        <div class="col-md-2 m-0 p-0">
            
         <!-- =================================================== 
         =================   LEFT COLUMN IMAGE  =================
         ==================================================== -->
         
         <!-- For best results, use a square image (1:1 ratio) that is atleast 200x200 -->
         
                <div class="text-center" ><img src = "IMG SRC" class="img-fluid img-thumbnail p-1 border mb-md-2 rounded-circle" 
            style = "width:200px; border:.5px solid #df6f7b" ></div>
            <table class="table border-0 w-100">
                
                <!-- DO NOT EDIT THIS SPECIFIC ONE. -->
              <tr class="d-none"> 
              <td class="text-truncate text-uppercase p-md-1 pl-md-3" style="letter-spacing: 1px">BLANK DO NOT EDIT.</td>
                  <td class="text-right p-md-1 pr-md-3">BLANK DO NOT EDIT.</td>
              </tr>
              
              <!--  FACT LIST -->
              <!--  EDIT FROM HERE. -->
              <tr class="" style=""> 
                  <td class="text-truncate font-weight-bold text-uppercase p-md-1 pl-md-3 " style="letter-spacing: 1px; color:#df6f7b">Name</td>
                  <td class="text-right p-md-1 ">Full Name</td>
              </tr>
              <tr class="">
                  <td class="text-truncate font-weight-bold text-uppercase p-md-1 pl-md-3" style="letter-spacing: 1px; color:#df6f7b">Age</td>
                  <td class="text-right p-md-1">Age</td>
              </tr>
              <tr class="">
                  <td class="text-truncate font-weight-bold text-uppercase p-md-1 pl-md-3" style="letter-spacing: 1px; color:#df6f7b">Species</td>
                  <td class="text-right p-md-1">Species</td>
              </tr>
              <tr class="">
                  <td class="text-truncate font-weight-bold text-uppercase p-md-1 pl-md-3" style="letter-spacing: 1px; color:#df6f7b">Gender</td>
                  <td class="text-right p-md-1">Gender</td>
              </tr>
              <tr>
                  <td class="text-truncate font-weight-bold text-uppercase p-md-1 pl-md-3" style="letter-spacing: 1px; color:#df6f7b">Status</td>
                  <td class="text-right p-md-1">Status</td>
              </tr>
              <tr class="">
                  <td class="text-truncate font-weight-bold text-uppercase p-md-1 pl-md-3" style="letter-spacing: 1px; color:#df6f7b">Theme</td>
                  <td class="text-right p-md-1"><a style="color:#df6f7b" href="YOUTUBE LINK"><i class="fas fa-external-link-alt"></i></a></td>
              </tr>
          </table>
            </div>
            
            <div class="col-md-6">
 
                        <div class="tab-content py-4 py-md-2 px-md-2" style="">
                            
                         <!-- =================================================== 
                         =================    BASIC INFO   ====================== 
                         ==================================================== -->
                         
                        <div class="tab-pane fade  active show" id="ONE" >
                            
                            
                                <div class="d-flex text-uppercase display-3 justify-content-between" style="font-size: 22px;">
                                    Basic Info <i class="fal fa-info-circle"></i>
                                </div>
                        
                        <hr class="" style="">
                        
                        <!-- ================= ADJECTIVES & QUOTES ================= -->
                        <div class="mb-3 p-0" style="overflow-y: auto; height:40px">
                            <i>Adjective. Adjective. Adjective.</i>
                            <br>"Use this for a quote, or more! It does scroll ;)"
                        </div>
                        
                                    <div class="rounded text-uppercase text-white" style="letter-spacing: 1px; background:#df6f7b"><i class="py-1 px-2 fas fa-bars"></i>About </div>
                                    
                                    
                        <div class="mt-2" style="overflow-y: auto; height:196px">
                            
                            <!-- ================= ABOUT ================= -->
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Placerat vestibulum lectus mauris ultrices eros in. Habitasse platea dictumst quisque sagittis purus sit amet. Tempus iaculis urna id volutpat lacus. Pharetra et ultrices neque ornare aenean euismod elementum nisi quis. Lacus viverra vitae congue eu. Morbi tristique senectus et netus et malesuada fames ac. Tellus elementum sagittis vitae et leo duis ut diam. Ipsum suspendisse ultrices gravida dictum fusce. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Placerat vestibulum lectus mauris ultrices eros in. Habitasse platea dictumst quisque sagittis purus sit amet.</p>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Placerat vestibulum lectus mauris ultrices eros in. Habitasse platea dictumst quisque sagittis purus sit amet. Tempus iaculis urna id volutpat lacus. Pharetra et ultrices neque ornare aenean euismod elementum nisi quis. Lacus viverra vitae congue eu. Morbi tristique senectus et netus et malesuada fames ac. Tellus elementum sagittis vitae et leo duis ut diam. Ipsum suspendisse ultrices gravida dictum fusce. </p>
                        </div>
                        </div>
                        <!-- END OF BASIC INFO -->
                        
                        <!-- =================================================== 
                         =================    DETAILS    ======================= 
                         ==================================================== -->
                        <div class="tab-pane fade" id="TWO">
                            <div class="d-flex display-3 text-uppercase justify-content-between" style="font-size: 22px;">Details <i class="fal fa-chart-bar"></i>
                            
                        </div>
                        
                        
                        <hr class="" style="">
                        
                        <div class="p-0 m-0 w-100" style="height:280px; overflow-y:auto;">
                            
                        <!-- ================= TRIVIA LIST ================= -->
                        <ul class="fa-ul my-2 ml-4 p-0">
                              <li class="my-1"><span class="fa-li"><i class="fas fa-star" style=""></i></span>Needs a lot of sleep in order to function.</li>
                              <li class="my-1"><span class="fa-li"><i class="fas fa-star" style=""></i></span>Doesn't speak to people he doesn't consider worth it.</li>
                              <li class="my-1"><span class="fa-li"><i class="fas fa-star" style=""></i></span>Has a craving for sweets toward the end of the day.</li>
                              <li class="my-1"><span class="fa-li"><i class="fas fa-star" style=""></i></span>Tends to overthink everything.</li>
                              <li class="my-1"><span class="fa-li"><i class="fas fa-star" style=""></i></span>Needs a lot of sleep in order to function.</li>
                              <li class="my-1"><span class="fa-li"><i class="fas fa-star" style=""></i></span>Doesn't speak to people he doesn't consider worth it.</li>
                              <li class="my-1"><span class="fa-li"><i class="fas fa-star" style=""></i></span>Has a craving for sweets toward the end of the day.</li>
                              <li class="my-1"><span class="fa-li"><i class="fas fa-star" style=""></i></span>Tends to overthink everything.</li>
                            
                            <!-- Add more above this line -->
                            </ul>
                        
                        <div class="row no-gutters py-md-2">
                            
                            <!-- ================= LIKES & DISLIKES ================= -->
                            <div class="col-md-6 py-2 py-md-1">
                                
                                <!-- ================= LIKES ================= -->
                                    <div class="text-uppercase rounded px-2 bg-faded mr-md-3 text-white" style="letter-spacing: 1px; background:#df6f7b">Likes</div>
                                    <div style="overflow-y:auto;">
                                <ul class="fa-ul my-2 ml-4 " >
                              <li class="my-1"><span class="fa-li"><i class="far fa-check" style=""></i></span>Joking around</li>
                              <li class="my-1"><span class="fa-li"><i class="far fa-check" style=""></i></span>Wealthy people</li>
                              <li class="my-1"><span class="fa-li"><i class="far fa-check" style=""></i></span>Show-offs
                              </li>
                              <li class="my-1 mb-0"><span class="fa-li"><i class="far fa-check" style=""></i></span>Flirts</li>
                            
                            <!-- Add more above this line -->
                        </ul></div>
                            </div>
                            
                            <div class="col-md-6 pt-2 pt-md-1">
                                
                                <!-- ================= DISLIKES ================= -->
                                    <div class="text-uppercase px-2 mr-md-3 rounded text-white" style="letter-spacing: 1px; background:#df6f7b">Dislikes</div>
                                    
                                    <div style="overflow-y:auto;">
                                <ul class="fa-ul my-2">
                              <li class="my-1"><span class="fa-li"><i class="far fa-times" style=""></i></span>Joking around</li>
                              <li class="my-1"><span class="fa-li"><i class="far fa-times" style=""></i></span>Wealthy people</li>
                              <li class="my-1"><span class="fa-li"><i class="far fa-times" style=""></i></span>Show-offs
                              </li>
                              <li class="my-1 mb-0"><span class="fa-li"><i class="far fa-times" style=""></i></span>Flirts</li>
 
                            
                            <!-- Add more above this line -->
                        </ul></div>
                        
                        
                            </div>
                            
                            
                        </div>
                        
                        </div>
                        <!-- END OF DETAILS-->
                        </div>
                        
                        <!-- =================================================== 
                         =================    APPEARANCE   ===================== 
                         ==================================================== -->
                        <div class="tab-pane fade" id="THREE">
                            <div class="d-flex display-3 text-uppercase justify-content-between" style="font-size: 22px;">Appearance <i class="fal fa-palette"></i>
                            
                            </div>
                            <hr>
                            
                            <!-- ================= APPERANCE DETAILS ================= -->
                            <div class= "p-0 m-0" style="max-height:280px; overflow-y:auto">
                            <div class="row no-gutters mb-md-3">
                                
                                <!-- You can change or remove these details to fit your character better -->
                                    <div class="col-md-6 d-flex justify-content-between py-1 pr-md-3">
                                      <span class="text-truncate text-uppercase px-1 font-weight-bold" style="letter-spacing: 1px; color: #df6f7b">Hair color</span>
                                      <span class="text-right">hair color</span>
                                    </div>
                                    
                                    <div class="col-md-6 d-flex justify-content-between py-1 pr-md-3">
                                      <span class="text-truncate text-uppercase px-1 font-weight-bold" style=" letter-spacing: 1px; color: #df6f7b">Eye color</span>
                                      <span class="text-right">eye color</span>
                                    </div>
                                    
                                    <div class="col-md-6 d-flex justify-content-between py-1 pr-md-3">
                                      <span class="rounded text-truncate text-uppercase px-1 font-weight-bold" style="letter-spacing: 1px; color: #df6f7b">hair style</span>
                                      <span class="text-right">height</span>
                                    </div>
                                    
                                    <div class="col-md-6 d-flex justify-content-between py-1 pr-md-3">
                                      <span class="rounded text-truncate text-uppercase px-1 font-weight-bold" style="letter-spacing: 1px; color: #df6f7b">eye shape</span>
                                      <span class="text-right">shape</span>
                                    </div>
                                    
                                    <div class="col-md-6 d-flex justify-content-between py-1 pr-md-3">
                                      <span class="rounded text-truncate text-uppercase px-1 font-weight-bold" style=" letter-spacing: 1px; color: #df6f7b">hair length</span>
                                      <span class="text-right">length</span>
                                    </div>
                                    
                                    <div class="col-md-6 d-flex justify-content-between py-1 pr-md-3">
                                      <span class="rounded text-truncate text-uppercase px-1 font-weight-bold" style="letter-spacing: 1px; color: #df6f7b">build</span>
                                      <span class="text-right">build</span>
                                    </div>
                                    
                                    <div class="col-md-6 d-flex justify-content-between py-1 pr-md-3">
                                      <span class="rounded text-truncate text-uppercase px-1 font-weight-bold" style="letter-spacing: 1px; color: #df6f7b">body shape</span>
                                      <span class="text-right">shape</span>
                                    </div>
                                    
                                    <div class="col-md-6 d-flex justify-content-between py-1 pr-md-3">
                                      <span class="rounded text-truncate text-uppercase px-1 font-weight-bold " style="letter-spacing: 1px; color: #df6f7b">clothing style</span>
                                      <span class="text-right">style</span>
                                    </div>
                                    
                                    
                            
                                  </div>
                                  
                                  <!-- ================= DESIGN NOTES ================= -->
                                    <div class=" text-uppercase rounded text-white" style="letter-spacing: 1px; background:#df6f7b"><i class="py-1 px-2 fas fa-paint-brush"></i>Design Notes </div>
                                    
                                    <!-- ================= LIST OF DESIGN NOTES ================= -->
                                    <ul class="py-2 m-0 px-4">
                                         <li>Etiam ac neque et enim interdum dapibus at nec orci.
                                         <li>Phasellus blandit iaculis massa vel fermentum.
                                         <li>Cras quis neque et orci varius ultrices eu ultricies lectus feugiat odio tellus.
                                         <li>Etiam ac neque et enim interdum dapibus at nec orci.
                                         <li>Phasellus blandit iaculis massa vel fermentum.
                                         <li>Cras quis neque et orci varius ultrices eu ultricies lectus feugiat odio tellus.
                                         <li>Etiam ac neque et enim interdum dapibus at nec orci.
                                         <li>Phasellus blandit iaculis massa vel fermentum.
                                         <li>Cras quis neque et orci varius ultrices eu ultricies lectus feugiat odio tellus.
                                         
 
                                    </ul>
                        </div>
                            <!--end of APPEARANCE-->
                        </div>
                        
                        <!-- =================================================== 
                         =================    STORY   ===================== 
                         ==================================================== -->
                        <div class="tab-pane fade " id="FOUR">
                            <div class="d-flex display-3 text-uppercase justify-content-between" style="font-size: 22px;">Story <i class="fal fa-book-spells"></i>
                            
                            
                            </div>
                            
                            <hr class="pb-0">
                            
                            <div style="overflow-y:auto; max-height:280px">
                                
                                <!-- ================= PARAGRAPHS FOR BACKSTORY ================= -->
                                    <div class="mb-2 mr-2 text-uppercase text-white rounded" style="letter-spacing: 1px; background-color:#df6f7b"><i class="py-1 px-2 fas fa-bookmark"></i>Past </div>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                   
                                    <div class="mb-2 mt-2 mr-2 text-uppercase text-white rounded" style="letter-spacing: 1px; background-color:#df6f7b"><i class="py-1 px-2 fas fa-bookmark"></i>Present</div>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                    
                                    <div class="mb-2 mt-2 mr-2 text-uppercase text-white rounded" style="letter-spacing: 1px; background-color:#df6f7b"><i class="py-1 px-2 fas fa-bookmark"></i>Future</div>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                    
                            </div>
                            
                        </div>
                        
                        <!-- =================================================== 
                         =================    RELATIONSHIPS   ==================
                         ==================================================== -->
                        <div class="tab-pane fade" id="FIVE">
                            <div class="d-flex display-3 text-uppercase justify-content-between" style="font-size: 22px;">Relationships <i class="fal fa-heart"></i>
                                                      
                            </div>
                            <!-- Odd number of characters should use the same template as "first character." Even number should use the same template as "second character" -->
                            
                            <!-- ================= FIRST CHARACTER ================= -->
                            <hr class="">
                            <div style="overflow-y:auto; height:280px">
                            <div class="row no-gutters" >
                                <div class="col-md-3 pt-1"><img class="rounded mx-auto d-block" src="https://f2.toyhou.se/file/f2-toyhou-se/characters/4798594?1590125147" >
                                </div>
                                
                                <div class="col-md-9 pl-md-2 h-100">
                                <div class=" mt-2 mt-md-0">
                                    <a class="display-3 font-weight-bold" style="font-size:16px; color:#df6f7b" href="">Character Name</a></div>
                                <div class="text-white rounded mr-md-2 pl-2" style="background:#df6f7b" >Relationship name</div>
                                
                                <div class="h-100 py-1 pl-md-1">Basic info about the relationship here. This won't scroll, so keep it short. Or you can edit it to scroll, your choice! </div>
                                <div class="mb-4"></div>
                                </div>
                                
                                
                                </div>
                                
                                <!-- ================= SECOND CHARACTER ================= -->
                                <div class="row no-gutters" >
                                <div class="col-md-3 push-md-9 pt-1"><img class="rounded mx-auto d-block" src="https://f2.toyhou.se/file/f2-toyhou-se/characters/4798594?1590125147" >
                                </div>
                                
                                <div class="col-md-9 pull-md-3 pr-2 h-100">
                                <div class=" mt-2 mt-md-0">
                                    <a class="display-3 font-weight-bold" style="font-size:16px; color:#df6f7b" href="">Character Name</a></div>
                                <div class="text-white rounded pl-2 mr-md-2" style="background:#df6f7b" >Relationship name</div>
                                
                                <div class="h-100 py-1 pr-md-1">Basic info about the relationship here. This won't scroll, so keep it short. Or you can edit it to scroll, your choice! </div>
                                
                                <div class="mb-4"></div>
                                
                                </div>
                                </div>
                                
                                <!-- ================= THIRD CHARACTER ================= -->
                                <div class="row no-gutters" >
                                <div class="col-md-3 pt-1"><img class="rounded mx-auto d-block" src="https://f2.toyhou.se/file/f2-toyhou-se/characters/4798594?1590125147" >
                                </div>
                                
                                <div class="col-md-9 pl-md-2 h-100">
                                <div class="mt-2 mt-md-0">
                                    <a class="display-3 font-weight-bold" style="font-size:16px; color:#df6f7b" href="">Character Name</a></div>
                                <div class="text-white rounded mr-md-2 pl-2" style="background:#df6f7b" >Relationship name</div>
                                
                                <div class="h-100 py-1 pl-md-1">Basic info about the relationship here. This won't scroll, so keep it short. Or you can edit it to scroll, your choice! </div>
                                
                                </div>
                                </div>
                                
                                </div>
                            
                        </div>
                        
                        
                        </div>
            
        </div>
        
        <!-- =================================================== 
         =================   NAVIGATION MENU  ==================
         ==================================================== -->
        <div class="col-md-1 mr-md-3 rounded-0 border-top-0 border-bottom-0 mb-md-3" >
            
            <ul class="nav flex-row flex-md-column justify-content-center h-100" >
                        <li class="nav-item my-2" >
                        <a class="btn btn-outline-secondary border-0 nav-link active" style="color:#df6f7b;" data-toggle="tab" href="#ONE"><i class="fas fa-info-circle"></i></a>
                    </li>
                    <li class="nav-item my-2">
                        <a class="btn btn-outline-secondary nav-link border-0" data-toggle="tab" href="#TWO" style="color:#df6f7b;" ><i class="fas fa-chart-bar"></i></a>
                    </li>
                    <li class="nav-item my-2">
                        <a class="btn btn-outline-secondary nav-link border-0" data-toggle="tab" href="#THREE" style="color:#df6f7b;" ><i class="fas fa-palette"></i></a>
                    </li>
                    <li class="nav-item my-2">
                        <a class="btn btn-outline-secondary nav-link border-0" data-toggle="tab" href="#FOUR" style="color:#df6f7b;" ><i class="fas fa-book-spells"></i></a>
                    </li>
                    <li class="nav-item my-2">
                        <a class="btn btn-outline-secondary nav-link border-0" data-toggle="tab" href="#FIVE" style="color:#df6f7b;" ><i class="fas fa-heart"></i></a>
                    </li>
                    
                    </ul>
            
        </div>
        
        <!-- =================================================== 
         =================   RIGHT COLUMN IMAGE  ================
         ==================================================== -->
        <div class="col-md rounded mt-3 p-2 p-md-0 m-md-0" style="background:url(IMG SRC)  no-repeat; background-size:cover; height:340px; border: 1px solid #df6f7b">
        </div>
        
    </div>
    
    </div>
    
    <!-- =================================================== 
    =================          CREDIT      =================
    ==================================================== -->
    <div class="text-right pr-1 pt-1" style="">
            <a href="/foleso" style="color:#df6f7b;" class="tooltipster" data-toggle="tooltip" title="Code by Foleso"><i class="fas fa-fire"></i></a>
        </div>

Поделиться1535Сб, 10 Апр 2021 21:59:38

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 10:33:28

falconsama
Вставьте код на свою страницу- создайте страницу с кодом в Администрирование-Страницы и дайте ссылку на созданное

Поделиться1536Сб, 10 Апр 2021 22:07:03

Автор: falconsama
Заслуженный
Зарегистрирован: Сб, 10 Апр 2021
Сообщений: 6
Уважение: +1
Позитив: 0
Последний визит:
Сб, 5 Мар 2022 22:03:07

Deff
спасибо за столь быстрый ответ!
http://ulresidence.rusff.me/pages/page
вот страница
отображается как-то криво(

Поделиться1537Сб, 10 Апр 2021 22:25:52

Автор: Геннадий Эдуардович
Заслуженный
Зарегистрирован: Чт, 13 Сен 2012
Сообщений: 730
Уважение: +78
Позитив: +311
Пол: Мужской
Последний визит:
Вчера 21:43:19

Вечер добрый, перестал работать код...

Код:

<!--Жалоба-->
<script type="text/javascript">var addComPR='<br /><br /><div class="сomplaint" style="padding:0;margin:-120px 0px 0px 0px;float:right;"><a href="../messages.php?action=new&uid=2" target="_blank" title="Перезалить Видео или Фото!!!"><img src="https://forumstatic.ru/files/0016/c2/eb/68549.png"/></a></div><br />';$("#pun-viewtopic .post-rating").each(function (){ $(this).before(addComPR);});</script>
<!--Окончание-->

Код:

<!--Жалоба-->
<script src="http://hostjs-mybb2011.narod.ru/js/Complaint.js"></script><script type="text/javascript">
if(document.URL.indexOf("messages.php?action=new&uid=2")!= -1){
var str=getCookie2(UserLogin+'!Re:'); deleteCookie2(UserLogin+'!Re:');
var str2=getCookie2(UserLogin+'!Re:2'); deleteCookie2(UserLogin+'!Re:2');
    if((str!==false)&&(str2!==false)){  //alert("fasfas>>>"+getCookie2(UserLogin+'!Re:'))
    var e='?!Complaint:Re:'+str2.substring(0,60);
    $("#profile .longinput[name='req_subject']").val(e);$("#main-reply").val(str);}}
</script>
<!--Окончание-->

Отредактировано Геннадий Эдуардович (Сб, 10 Апр 2021 22:36:08)

Поделиться1538Сб, 10 Апр 2021 23:06:28

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 10:33:28

falconsama
Ну вообщем лучше изобразите на эскизе или попросите графистов на Вашем форуме что вы хотите получить в итоге... ибо код что вы выложили ничего особого не представляет, либо вы забыли к нему стиль поставить...

Проще изготовить новый, чем Выспрашивать что вы хотите без картинки... либо давайте ссылки на исходник, откуда брали...

Поделиться1539Сб, 10 Апр 2021 23:09:29

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 10:33:28

Геннадий Эдуардович
Пробуйте заменить вторую часть на перезалитое:

Код:

<!--Жалоба-->
<script src="//forumstatic.ru/files/0012/d8/04/23052.js"></script><script type="text/javascript">
if(document.URL.indexOf("messages.php?action=new&uid=2")!= -1){
var str=getCookie2(UserLogin+'!Re:'); deleteCookie2(UserLogin+'!Re:');
var str2=getCookie2(UserLogin+'!Re:2'); deleteCookie2(UserLogin+'!Re:2');
    if((str!==false)&&(str2!==false)){  //alert("fasfas>>>"+getCookie2(UserLogin+'!Re:'))
    var e='?!Complaint:Re:'+str2.substring(0,60);
    $("#profile .longinput[name='req_subject']").val(e);$("#main-reply").val(str);}}
</script>
<!--Окончание-->

Поделиться1540Сб, 10 Апр 2021 23:25:31

Автор: Геннадий Эдуардович
Заслуженный
Зарегистрирован: Чт, 13 Сен 2012
Сообщений: 730
Уважение: +78
Позитив: +311
Пол: Мужской
Последний визит:
Вчера 21:43:19

Deff, Спасибо большое, заработало...

Тема закрыта

Страница: « 1 … 75 76 77 78 79 … 101 »

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

Меню навигации

Пользовательские ссылки

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

Общие вопросы от новичков (63)

Сообщений 1521 страница 1540 из 2012

Поделиться1Ср, 20 Ноя 2019 11:51:57

Поделиться1521Сб, 3 Апр 2021 08:08:09

Поделиться1522Сб, 3 Апр 2021 08:25:50

Поделиться1523Сб, 3 Апр 2021 22:01:38

Поделиться1524Сб, 3 Апр 2021 22:13:26

Поделиться1525Сб, 3 Апр 2021 23:10:33

Поделиться1526Сб, 3 Апр 2021 23:57:27

Поделиться1527Вс, 4 Апр 2021 05:12:13

Поделиться1528Вс, 4 Апр 2021 05:55:32

Поделиться1529Вс, 4 Апр 2021 06:04:18

Поделиться1530Вс, 4 Апр 2021 13:26:46

Поделиться1531Вс, 4 Апр 2021 13:37:47

Поделиться1532Пн, 5 Апр 2021 00:22:17

Поделиться1533Пн, 5 Апр 2021 00:30:21

Поделиться1534Сб, 10 Апр 2021 21:58:06

Поделиться1535Сб, 10 Апр 2021 21:59:38

Поделиться1536Сб, 10 Апр 2021 22:07:03

Поделиться1537Сб, 10 Апр 2021 22:25:52

Поделиться1538Сб, 10 Апр 2021 23:06:28

Поделиться1539Сб, 10 Апр 2021 23:09:29

Поделиться1540Сб, 10 Апр 2021 23:25:31