hiss hiss mara

Объявление

НЕ ПУГАЕМСЯ! СОХРАНЯЕМ ПОСТЫ! НЕ ТЕРЯЕМ ВДОХНОВЕНИЕ! ГДЕ-ТО в 21:45 по мск ЗАКРОЕМСЯ НА ПРОФИЛАКТИКУ И БУДЕМ ФЕЯЧИТЬ




новости первооткрывательные марафон день первый

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

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


Вы здесь » hiss hiss mara » проверочный для дизайна » настройка ссылок навигации отдельно


настройка ссылок навигации отдельно

Сообщений 1 страница 4 из 4

1

Код:
/* КАЖДЫЙ ЭЛЕМЕНТ НАВИГАЦИИ ПО ФОРУМУ В ОТДЕЛЬНОСТИ
В том случае, если нужно будет придать каждой из ссылок свое собственное расположение
-------------------------------------------------------------*/
/* MAIN */
#navindex {
display: inline;
    padding-right: 1em;
}
/* USERS */
#navuserlist {
display: inline;
    padding-right: 1em;
}

/* SEARCH */
#navsearch {
display: inline;
    padding-right: 1em;
}

/* PROF */
#navprofile {
    display: inline;
    padding-right: 1em;
    /* padding-left: 90px!important;*/
}

/* SMS */
#navpm {
display: inline;
    padding-right: 1em;
}

/* EXIT */
#navlogout {
display: inline;
    padding-right: 1em;
}

/* REG */
#navregister {
display: inline;
    padding-right: 1em;
    padding-left: 120px;
}

/* ENTER */
#navlogin {
display: inline;
    padding-right: 1em;
}

/* PR */
#navpr_1 {
display: inline;
    padding-right: 1em;
}

/* AMS */
#navadmin {
display: inline;
    padding-right: 1em;
}


/* AWARDS HIDDEN */
 #navawards a span {
  display:none;
}

0

2

Код:
/* СТИЛЬ HR И ЛИНИИ МЕЖДУ ПОСТОМ И ПОДПИСЬЮ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ */
.punbb .post-sig dt, .post-content hr {border-top: 1px solid var(--accent4);    margin: 20px 0 !important;}
.post-content hr {opacity: 1 !important; border-bottom: none !important;}
.punbb .post-sig dt:before, .post-content hr:before, #pun-index .main .tcr a:before {position: absolute; width: 30px; content: '\2726'; font-size: 18px; text-align: center; border-radius: 20px;    color: var(--accent1);
    background: #dcdcdc;}
#pun-index .main .tcr a:before {transition: var(--trans1);}
.punbb .post-sig dt:before, .post-content hr:before {    margin: -13px 50%;}
#pun-index .main .tcr a:before {    margin-top: 9px; left: 48%;}

0

3

Код:
/* СТАТИСТИКА BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ */
#pun-stats ul.container {margin: -33px 10px 20px 10px; text-transform: lowercase; font-family: var(--basicfont); font-size: 10.5px;    letter-spacing: .5px;    display: flex;    flex-wrap: wrap;    justify-content: space-between;}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {display: inline-block; margin-bottom: 15px;}
#pun-stats li.item1, #pun-stats li.item2 {width: 25%;}  #pun-stats li.item4 {width: 43%; text-align: right; margin-right: 30px;}
#pun-stats li.item1 {margin-left: 30px;} #pun-stats li.item2 {text-align: center;}

0

4

Код:
/* XI. ПРОСМОТР ПРОФИЛЯ BY BLANCHE. МОЖНО БРАТЬ ПОЛНОСТЬЮ ИЛИ ЧАСТЯМИ, НО ОСТАВЛЯЕМ КОПИ
-------------------------------------------------------------*/
#viewprofile li strong, #viewprofile li div, #setmods dd, #profile-left #pa-edit strong a {  display: block;  font-weight: normal !important;}

#pun-profile #viewprofile-next {margin: -22px -21px -42px -21px; position: relative; font-family: var(--basicfont); letter-spacing: .5px; font-size: 10px !important; padding: 20px; height: 220px; border-radius: 2px;}

/* слева */
#profile-left #profile-name {position: absolute; top: 30px; text-overflow: clip; overflow: hidden; height: 29px; display: block; text-transform: uppercase; font-size: 40px;font-family: erotique alternate;
    color: var(--basic3);}

#profile-left #pa-avatar div img {border-radius: 2px;max-width: 140px;max-height: 140px; object-fit: cover;}
#profile-left #pa-avatar div {width: 180px;height: 180px;display: flex;justify-content: center;align-items: center;border-radius: 5px 5px 0 0 !important;}

#profile-right li, #profile-left #pa-avatar div {margin-top: 28px;}
#profile-right li, #profile-right li a, #pun-profile #pa-edit a {color: var(--basic3) !important;}

/* справа */
#profile-right {display: flex;width: 706px !important;text-align: center;column-gap: 10px;}
#profile-right li:not(#pa-last-visit) {    width: inherit;    text-align: center;    text-transform: lowercase;    height: 54px;}
#profile-right li, #profile-right li#pa-email a, #profile-left #pa-edit a, #profile-left #pa-avatar div, #profile-right li#pa-posts strong a, #profile-left li#pa-online {border-radius: 5px;
    border: 1px solid #b1b1bd;}

/* отправить лс и редактировать */
#profile-left #pa-edit a {position: absolute; top: 20px; right: 121px;}
#profile-right li#pa-email {position: absolute; top: -8px; border: none; width: 95px; right: 16px;}
#profile-right li#pa-email strong a, #profile-left #pa-edit a {    width: 75px;    display: block;    text-align: center;}

/* показать все соо и темы, онлайн, посл. визит */
#profile-right li#pa-posts strong a, #profile-left li#pa-online, #profile-right li#pa-last-visit {position: absolute; top: 128px; width: 213px; right: 20px; margin-top: 0px; height: 7px; padding: 9px 7px !important;}
#profile-right li#pa-posts strong a:first-child {left: 222px;}
#profile-left li#pa-online, #profile-right li#pa-last-visit {left: 461px; letter-spacing: 0.5px !important; text-align: center;}
#profile-right #pa-last-visit span, #profile-right #pa-last-visit strong {display: inline-block !important; padding: 0px !important;    background: none !important;}
#profile-left #pa-online {z-index: 2;} #profile-right #pa-last-visit {z-index: 1;}

/* настройка блоков справа */
#viewprofile #profile-right li span {margin-bottom: 10px;    display: flex;    align-items: center;justify-content: center;}
#viewprofile #profile-right li span, #profile-right li#pa-email strong a, #profile-left #pa-edit a, #profile-right li#pa-posts strong a, #profile-left li#pa-online, #profile-right li#pa-last-visit {padding: 7px;text-transform: uppercase;font-size: 8px;
    background: #b1b2bd87;}
#profile-right li#pa-email strong a:hover, #profile-left #pa-edit a:hover, #profile-right li#pa-posts strong a:hover, #profile-left li#pa-online, #profile-right li#pa-last-visit {    background: #95a195;    border-color: #7a857a;    color: #e0e1c2 !important;}
#profile-right li strong {padding: 0px !important;}

#profile-right li#pa-time-visit {    min-width: 97px;}
#profile-right li#pa-respect, #profile-right li#pa-positive, #profile-right li#pa-posts {    max-width: 65px;}
#profile-right li#pa-last-post {    min-width: 125px;}

/* поля */
#profile-right li#pa-fld1, #profile-right li#pa-fld4, #profile-right li#pa-fld5 {    height: 67px;    display: flex;    position: absolute;    top: 143px;    flex-direction: row;    flex-wrap: wrap;    justify-content: center;    align-items: flex-start;}
#profile-right li#pa-fld1 span, #profile-right li#pa-fld4 span, #profile-right li#pa-fld5 span {    width: inherit;    margin-bottom: 0px !important;}
#profile-right li#pa-fld4 strong {    margin: 10px;    height: 26px;    overflow: auto;    padding-right: 7px !important;    text-align: center;}
#profile-right li#pa-fld4 a {    color: var(--accent3) !important;}
#profile-right li#pa-fld3 {    position: absolute;    top: 1px;    right: 222px;    width: 300px;    height: 20px;    border: none;    text-align: right;    text-transform: uppercase;    font-size: 8px;    letter-spacing: .5px;}
#profile-right li#pa-fld5, #profile-right li#pa-fld1 {    width: 150px;} #profile-right li#pa-fld1 {    right: 20px;}
#profile-right li#pa-fld4 {    left: 394px;    width: 370px;} 

#profile-right li#pa-fld3 strong:before {    content: '\f001';    font-family: var(--fawe);    margin-right: 5px;    opacity: .5;}
#profile-right li#pa-fld3 strong b {    font-weight: normal;}
#profile-right li#pa-fld3 strong i {    font-style: normal;}
#profile-right li#pa-fld3 strong b:after {    content: '—';    margin: 0 3px;
}

#profile-right li#pa-fld2 {position: absolute; top: -14px; left: 20px; border: none !important; height: 12px !important; text-align: left; letter-spacing: 1px;}
#profile-right li#pa-fld2:before {    content: '\2726';    vertical-align: middle;    margin-right: 5px;}
#profile-right li#pa-fld2, #profile-right li#pa-fld2 span {color: var(--basic4) !important;}
#profile-right li#pa-fld2 span {    background: none !important;    display: inline-block;    padding: 0px !important;    text-transform: lowercase !important;    font-size: 8px !important;    margin-bottom: 0px !important;}
#profile-right li#pa-fld2 strong {    display: inline-block;    font-size: 9px;}

/* внутри профиля */
#profilenav, #pun-adnav {     float: left;    font-family: var(--basicfont);    text-transform: lowercase;    font-size: 10px;    letter-spacing: .5px;    position: sticky;    top: 20px;width: 110px;}
#profilenav a, #pun-adnav a {    margin-bottom: 3px !important;    display: inline-block;}
#pun-profile #form-buttons {margin: 0 -14px 0px 0;     padding-right: 8px;}

/*#profile .container legend, .adformal h2, #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #viewprofile h2 span, #profilenav h2, #pun-adnav h2, #pun-admain h2 span, #userlist.container legend span, #punbbsearch.container legend span, .container legend.warntext span {background: var(--accent1); color: var(--basic1);font-family: var(--basicfont); letter-spacing: 1px; text-transform: uppercase; font-size: 8px !important; padding: 5px 10px; margin: 0;border-radius: 3px; font-weight: bold;}*/

#MyBookmarks h2, #MyBookmarks h1 {display: block !important;}
#profile fieldset, .adformal {text-transform: lowercase;    padding: 20px;    margin-left: 110px;}
#profile fieldset fieldset {margin-left: 0px;padding:0px;}
#pun-adnav li, #profilenav li {padding: 3px 10px !important;}
#pun-profile small#plng {    margin: 139px 0 0 130px;}
#pun-profile #font-area div {    width: 230px;}
#userlist.container legend span {margin-left: -2px;}
#pun-profile #font-area {    width: 744px;}
#pun-messages #profile, #pun-profile #profile {    min-height: 320px;}
#pun-profile #username span strong {    text-transform: none !important;}

#pun-edit form#post.container legend, #pun-post form#post.container #post-preview legend, #profile .container legend, .adformal h2, #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #viewprofile h2 span, #profilenav h2, #pun-adnav h2, #pun-admain h2, #userlist.container legend, #punbbsearch.container legend, .container legend.warntext {    width: 100%;    text-align: center;    font-family: var(--basicfont);    text-transform: uppercase;    letter-spacing: 1px;    font-size: 8px !important;    border-bottom: 1px solid var(--basic2) !important;    padding-bottom: 10px;    margin-bottom: 10px;color: var(--basic4) !important;}
#pun-post form#post.container #post-preview legend span {display: block !important;}
#profilenav h2 {    margin-top: 0px;}

#pun-profile #profile8.container input {    width: 730px;} #pun-profile #profile8.container .button, #pun-profile #profile8.container input#sub4 {    width: auto;}

#profilenav a:before, #pun-adnav a:before, .pl a:after {font-family: alter biom; transition: all .5s; opacity: 0} 
#profilenav a:before, #pun-adnav a:before {content: '>>'; margin: 0 5px 0 -13px;} .pl a:after {content: '<<'; margin: 0 -2px 0 3px; font-size: 11px;}
#profilenav a:hover:before, #pun-adnav a:hover:before {margin-left: -8px; opacity: 1;} 
.pl a:hover:after {margin-right: 5px; opacity: 1;} 
#profilenav a:hover, #pun-adnav a:hover, .pl a:hover {letter-spacing: 1.5px;}

0


Вы здесь » hiss hiss mara » проверочный для дизайна » настройка ссылок навигации отдельно


Рейтинг форумов | Создать форум бесплатно