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

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

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


Вы здесь » Единый форум поддержки » Форум для новичков » Общие вопросы от новичков (63)


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

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

1

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

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

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

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

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

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

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

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

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

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

+6

1521

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

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

+2

1522

Еленка С.
Смайлики могу предложить такой код:
http://forumuploads.ru/uploads/0000/14/1c/32894/t689636.png

Код:
<!-- Смайлики -->
<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 в форме ответа
смайлы естественно можно поменять на свои.

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

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

Администрирование - Группы  - Настройка групп - Изменять уважение - Да
http://forumuploads.ru/uploads/0000/14/1c/32894/t444527.png
и тут Администрирование - Настройки - Система отношений проставить так:
http://forumuploads.ru/uploads/0000/14/1c/32894/t944519.png

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

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

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

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

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

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

+3

1523

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

http://russkidetektiv.bestbb.ru/

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

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

0

1524

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

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

http://russkidetektiv.bestbb.ru/

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

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

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

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

0

1525

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

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

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

0

1526

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

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

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

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

+2

1527

GMaster

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

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

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

+1

1528

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

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

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

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

+1

1529

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

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

+3

1530

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

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

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

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

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

+1

1531

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

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

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

0

1532

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

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

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

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

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

Посмотрю.

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

0

1533

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

+1

1534

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

код
Код:
<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>

0

1535

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

0

1536

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

0

1537

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

Код:
<!--Жалоба-->
<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="http://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)

0

1538

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

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

0

1539

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

Код:
<!--Жалоба-->
<script src="http://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>
<!--Окончание-->

0

1540

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

0


Вы здесь » Единый форум поддержки » Форум для новичков » Общие вопросы от новичков (63)