Тестовый форум

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

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


Вы здесь » Тестовый форум » Тестовый форум » Сюжет


Сюжет

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

1

жирный текст, курсив, подчеркнутый

Администратор написал(а):

цитата

Код:
код

маркированный текст

0

2

1) перестать видеть во всех плохое,т.к я зеркало всего,что происходит со мной
2)перестать обижаться
3)перестать обвинять близких
4)работать над собой как физически так и внутренняя работа
5)беру всю ответственность на себя за происходящее и что будет происходить только

0

3

НАВИГАЦИЯ ТЕКСТОМ

/*оформление навигации форума в спокойном состоянии*/
#pun-navlinks a {
    color: #ffffff;
    font-family: comfortaa!important;
    font-size: 13px !important;
    text-align: center;
    transition: all 0.3s ease-in-out 0.1s;
    text-transform: lowercase;
    display: inline-block;
    padding: 0 15px !important;
    letter-spacing: 1px;
    position: relative;
    margin: 0 0px;
    font-weight: 700 !important;
    text-shadow: 1px 1px 1px #152f37
}

#pun-navlinks a span {position: relative}

/*оформление навигации форума при наведении*/
#pun-navlinks a:after {content: "";
display: block;
height: 1px;
width: 100%;
background: #ffffff;
left: 0;
top: 0;
position: absolute;
box-shadow: 1px 1px 1px #2b7bbd;
    transition: all .5s ease-in-out .1s;
transform-origin: center;
transform: scaleX(0)}

#pun-navlinks a:hover:after {transform: scaleY(1);
background: #a6d2f7;
box-shadow: 1px 1px 1px #337293;}

#pun-navlinks a:hover {
    transition: all 0.3s ease-in-out 0.1s;
    color: #afd2f8;
}
#pun-navlinks .container {
    background: none repeat scroll 0 0;
    display: inline-block;
    font-size: 0px !important;
    font-style: normal;
    font-weight: 700 !important;
    margin-left: -20px !important;
    position: absolute;
    text-align: center !important;
    top: 153px;
    width: 1060px !important;
    word-spacing: 20px;
    padding: 0px !important;
    line-height: 18px;
    height: 20px !important;
}

щщщ

Заменить код

/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
    background: #cbc9c6 url("https://forumstatic.ru/files/0019/aa/b6/82099.png") repeat center top;
    margin: auto;
    width: 871px;
  margin-top: 192px !important;
  box-shadow: 10px 0px 0 0 rgba(0,0,0,.5), -10px 0px 0 0 rgba(0,0,0,.5)
}
.punbb {
    height: auto;
    margin: 0 10px;

}
#pun-redirect #pun-main {min-height: 50px}

0

4

ппп

0

5

ddd

0

6

Гастрофилин

0

7

#pun .ams a {
font-weight: bold}

#pun .ams {position: absolute;
top: 206px;
margin-left: 0px;
width: 285px;
text-align: center;
font-family: roboto;
color: #666;
text-transform: uppercase;
font-size: 11px;
}

.tooltip {
    position: relative;
    display: inline
}
.tooltip em {
    display: inline;
    transition: all 0.3s ease-in-out 0s;
    position: absolute;
    opacity: 0;
        color: #dfdfdf;
    font-family: arial !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,.8);
    font-size: 10px !important;
    font-style: normal;
    height: auto;
    left: -75px;
    padding: 10px;
    text-align: justify;
    width: 150px;
    top:30px;
  background: #261b0c;
  text-transform: none;
    line-height: 11px;
  border-radius: 5px;
  visibility: hidden
}
.tooltip:hover em {
    top: 20px;
    font-family: arial !important;
    font-size: 10px !important;
    font-style: normal;
    height: auto;
    padding: 10px;
    position: absolute;
    width: 150px;
    z-index: 9999;
    opacity: 1;
    transition: all 0.5s ease-in-out 0s;
  line-height: 11px;
  visibility: visible
}

0

8

.sslka {display: block;
text-align: center;
width: 250px}
#pun .sslka a {background-color:#261b0c !important;
  white-space: nowrap;
  margin-top: 5px;
  border-radius: 4px;
  text-align: center;
  color: #ffffff;
  transition: all 0.3s linear 0s;
display: block;
padding: 4px 0px 7px 0px;}

#pun .sslka a:hover {    background-color:#070707 !important;
  opacity: .9;
  transform: scale(1.1)}

#vkladka1 {width: 145px;
margin-left: 587px;
position: absolute;
  top: 225px;
  z-index: 9
}

.oformlenie_knopki {background-image: url(https://forumstatic.ru/files/0019/aa/b6/48398.png);
  background-position: 0px 0px;
    height:23px;
  width: 287px;
        display:inline-block;
        cursor: pointer;
font-size: 0;
  position: absolute;
  top:200px;
  margin-left: 567px
    }

.footer_gif {position: absolute;
margin-left: 326px;
margin-top: 43px;
transition:  all .5s ease-in-out 0s;
opacity: 0;}
.footer_gif:hover {
opacity: 1}

0

9

#rotate {width: 34px;
height: 34px;
border: 2px solid #7f5110;
    transition: all 0.3s ease-in-out 0s;
overflow: hidden;
transform: rotate(45deg);
margin: 0 10px}

#rotate {width: 30px;
height: 30px;
border: 2px solid #7f5110;
    transition: all 0.3s ease-in-out 0s;
overflow: hidden;
transform: rotate(45deg);
margin: 0 10px}

#rotate:hover {transform: rotate(0deg);
}
#rotate:hover img {transform: rotate(0deg) translateY(-10px);
filter: grayscale(0)}
#rotate img {    transition: all 0.3s ease-in-out 0s;
transform: rotate(-45deg) translateY(-15px);
filter: grayscale(100%)}

.tooltip2 {
    display: inline-block
}
.whenhover {
    display: block;
    transition: all 0.3s ease-in-out 0s;
    position: absolute;
    opacity: 0;
        color: #fff;
    font-family: roboto !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,1);
    font-size: 11px !important;
    font-style: normal;
    height: 64px;
    left: 314px;
    padding: 10px;
    text-align: justify;
    width: 244px;
    top:160px;
  background: rgba(0,0,0,.8);
    line-height: 14px;
  visibility: hidden;
  overflow-y: auto
}
.tooltip2:hover .whenhover {
    font-style: normal;
    z-index: 9999;
    opacity: 1;
    transition: all 0.5s ease-in-out 0s;
  visibility: visible
}

.upperblock {position: relative;
text-align: center;
width: 250px;
}

#hovpic {width: 108px;
height: 62px;
  overflow: hidden;
  border: 1px solid #7f5110;
  float: left
}

#hovpic img {width: 128px;}

.whenhover name {color: #946727;
font-family: roboto;
font-weight: 700;
text-shadow: 1px 1px 1px #181818;
display: block;
text-align: center;
text-transform: uppercase;
padding-top: 22px}

.uptable {position: absolute;
top: 50px;
margin-left: -20px !important;
width: 1060px}

.tooltip3 {
    display: inline-block
}
.whenhover2 {
    display: block;
    transition: all 0.3s ease-in-out 0s;
    position: absolute;
    opacity: 0;
        color: #fff;
    font-family: roboto !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,1);
    font-size: 11px !important;
    font-style: normal;
    height: 64px;
    right: 314px;
    padding: 10px;
    text-align: justify;
    width: 244px;
    top:160px;
  background: rgba(0,0,0,.8);
    line-height: 14px;
  visibility: hidden;
  overflow-y: auto
}
.tooltip3:hover .whenhover2 {
    font-style: normal;
    z-index: 9999;
    opacity: 1;
    transition: all 0.5s ease-in-out 0s;
  visibility: visible
}

.upperblock2 {position: relative;
text-align: center;
width: 250px;
  float: right;
  top: -37px
}
.whenhover2 name {color: #946727;
font-family: roboto;
font-weight: 700;
text-shadow: 1px 1px 1px #181818;
display: block;
text-align: center;
text-transform: uppercase;
padding-top: 20px}

.whenhover2 posts {text-align: center;
display: block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px}

.bestpost {
    display: inline-block;
  border: 2px solid #794d10;
  width: 90px;
  height: 73px;
      transition: all 0.5s ease-in-out 2s;
  position: absolute;
  margin-left:188px;
    top: 224px;
}
.whenhover-post {
    display: block;
    transition: all 0.3s ease-in-out 1s;
    position: absolute;
    opacity: 0;
    color: #fff;
    font-family: roboto !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,1);
    font-size: 11px !important;
    font-style: normal;
    height: 64px;
    left: 105px;
    padding: 10px;
    text-align: justify;
    width: 244px;
    top:-16px;
  background: rgba(0,0,0,.8);
    line-height: 14px;
  visibility: hidden;
  overflow-y: auto
}
.bestpost:hover .whenhover-post {
    font-style: normal;
    z-index: 9999;
    opacity: 1;
    transition: all 0.5s ease-in-out 0s;
  visibility: visible
}

.whenhover-post a {font-weight: bolder}

.whenhover2 name {color: #946727;
font-family: roboto;
font-weight: 700;
text-shadow: 1px 1px 1px #181818;
display: block;
text-align: center;
text-transform: uppercase;
padding-top: 20px}

.whenhover2 posts {text-align: center;
display: block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px}

.bestquote {
    display: inline-block;
  border: 2px solid #794d10;
  width: 90px;
  height: 73px;
      transition: all 0.5s ease-in-out 2s;
  position: absolute;
  margin-left:569px;
    top: 224px;
}
.whenhover-quote {
    display: block;
    transition: all 0.3s ease-in-out 1s;
    position: absolute;
    opacity: 0;
    color: #fff;
    font-family: roboto !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,1);
    font-size: 11px !important;
    font-style: normal;
    height: 64px;
    left: -278px;
    padding: 10px;
    text-align: justify;
    width: 244px;
    top:-16px;
  background: rgba(0,0,0,.8);
    line-height: 14px;
  visibility: hidden;
  overflow-y: auto
}
.bestquote:hover .whenhover-quote {
    font-style: normal;
    z-index: 9999;
    opacity: 1;
    transition: all 0.5s ease-in-out 0s;
  visibility: visible
}

.whenhover-quote b {font-weight: bolder;
color: #8c5911}

#in-hover {border: 2px solid #794d10;
transition: all .5s ease-in-out 0s}

0


Вы здесь » Тестовый форум » Тестовый форум » Сюжет


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