Здесь делается вжух 🪄

Test by devls

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

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

Вы здесь » Test by devls » страниу » коды тамбы

коды тамбы

Страница:   1 … 4 5 6 7  

Сообщений 51 страница 60 из 61

51

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
<!--HTML--><style>.news {width: 70%;}
.news-title {    font-family: jost;    text-transform: uppercase;    font-size: 20px;    font-weight: 800;    color: #a0695b;    display: inline-flex;    align-items: flex-start;    flex-direction: column;    text-align: left;    width: 340px;}
.news-content {    background: #fff;    border-radius: 24px;    margin: 0px 30px;    border: 1px solid #eff1f1;}
.news-imgs {    display: inline-flex;    width: 100%;    justify-content: left;    margin-top: -24px;    margin-left: -64px;}
.news-imgs img {    border-radius: 100%;    width: 60px;    border: 1px solid #eff1f1;    margin: 0px 10px;    padding: 4px;}
.news-txt {    padding: 0px 30px 6px 30px;    text-align: justify;    margin-top: -31px;}
.news-otst {    margin-left: 10px;    float: left;    padding: 20px 24px 0px 0px;    color: transparent;}
.news-zag {    color: #3c3c3c;    background: #fbfbfa;    width: 224px;    border-radius: 40px 0px 0px 40px; margin-right: 0px; position: relative; font-family: jost;    margin-top: 6px;   font-weight: 500; letter-spacing: 0.5px; font-size: 14px;padding: 4px 10px; text-align: center; border: 1px solid #eff1f1; border-right: none;}
.news-dop {    padding: 10px 30px;    text-align: justify;    margin: 10px 0px;}
.news-dop1 {    display: inline-flex;    align-items: center;    margin-bottom: 15px;}
.dop1-t1 {    margin-right: 15px;    color: #a0695b;}
.news-title:before {    content: '•';    display: block;    height: 0px;    width: 0px;    padding: 0px;    font-family: arial black;    position: absolute;    margin: 0px 0px 0px -15px;    z-index: 0;    background: #a3695c;}
.news-title1 {    font-size: 7px;    text-transform: uppercase;    letter-spacing: 1px;    line-height: 10px;    font-weight: normal;    padding: 3px 0px 8px 0px;    color: #777;    margin-left: -11px;}</style>

<center><div class="news"><div class="news-title">news #1<br><div class="news-title1">на связи капитан америка</div></div>
<div class="news-content"><div class="news-imgs"><img src="https://via.placeholder.com/100"></div><div class="news-txt"><div class="news-otst"></div>i found you, now i'm lost in euphoria lost, but i love it, 나를 찾지 마 아픔이 없는 곳으로 떠나가 길을 잃어도 괜찮아 with you, yeah anywhere is lost in euphoria lost, but i love it 제발 찾지 마 아픔이 없는 곳으로 떠나가 i want to stay lost in euphoria euphoria, yeah promised that i'd ever let it fade away (fade away) said that i would slide for you any day everything i say is to the grave yeah, it's to the grave they're telling you lies 속아왔어 매번 영원할 거라는 말에 이젠 들려 다 깨질 약속으로만 애써 믿으려 해 뻔한 결말이잖아 baby, won't you stay? 견디는 무게 전부 내가 들어줄게, ayy, yeah 모든 게 무너진듯해도 난 등을 돌려버려도 i'm on your side 물어 대체 이렇게까지 why? 'cause i i found you, now i'm lost in euphoria lost, but i love it, 나를 찾지 마 아픔이 없는 곳으로 떠나가 길을 잃어도 괜찮아 with you, yeah anywhere is lost in euphoria lost, but l love it, 제발 찾지 마 아픔이 없는 곳으로 떠나가 i want to stay lost in еuphoria euphoria, yeah</div><div class="news-zag">важности</div>
<div class="news-dop">
<div class="news-dop1"><div class="dop1-t1">●</div>i found you, now i'm lost in euphoria lost, but i love it, 나를 찾지 마
아픔이 없는 곳으로 떠나가 with you, yeah, with you, yeah anywhere is lost in euphoria lost, but i love it, 제발 찾지 마 아픔이 없는 곳으로 떠나가 i want to stay lost in euphoria euphoria, yeah</div>
<div class="news-dop1"><div class="dop1-t1">●</div>i found you, now i'm lost in euphoria lost, but i love it, 나를 찾지 마
아픔이 없는 곳으로 떠나가 with you, yeah, with you, yeah anywhere is lost in euphoria lost, but i love it, 제발 찾지 마 아픔이 없는 곳으로 떠나가 i want to stay lost in euphoria euphoria, yeah</div>
<div class="news-dop1"><div class="dop1-t1">●</div>i found you, now i'm lost in euphoria lost, but i love it, 나를 찾지 마
아픔이 없는 곳으로 떠나가 with you, yeah, with you, yeah anywhere is lost in euphoria lost, but i love it, 제발 찾지 마 아픔이 없는 곳으로 떠나가 i want to stay lost in euphoria euphoria, yeah</div>
</div></div></div></center>

52

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
<!--HTML--><center><div class="prin"><div class="prin-verh"><div class="prin-icon"><img src="https://i.pinimg.com/564x/a5/7c/c2/a57cc2624cf2e446ab9866be359dcfa2.jpg"></div><div class="prin-title"><div class="prin-first">one new message</div><div class="prin-second">добро пожаловать на forum name</div></div></div>
<div class="prin-text">but tonight, I'll be the happiest girl in the world you'll see like it doesn't matter tonight, i'll be the <b>happiest girl</b> in the world you'll see like it never happened i can stop the <a href="">tears</a> if i want to i can stop the tears if i want to i can <a href="">stop</a> the tears if i want to <i>but tonight</i>, i'll be the happiest girl in the world you'll see like it never happened</div>
</div></center>
 
<style>.prin {    width: 360px;}
.prin-verh {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    margin-left: -13px;
}
.prin-icon img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 1px solid #ebebeb;
    padding: 8px;
    transition: 0.5s;
}
.prin-icon {
    padding: 20px;
}
.prin-icon:before {
    content: '';
    display: block;
    height: 1px;
    width: 96px;
    position: absolute;
    z-index: 0;
    background: #e7e4e4;
    margin: 116px 0px 0 -16px;
    transform: rotate(90deg);
}
.prin-title {
    width: 240px;
    padding: 20px;
    text-align: left;
    margin-left: -15px;
    line-height: 8px;
margin-top: 10px;}

.prin-first:before {
    content: '•';
    display: block;
    height: 0px;
    width: 0px;
    padding: 0px;
    font-family: arial black;
    position: absolute;
    margin: 0px 0px 0px -15px;
    z-index: 0;
    background: #a3695c;
}
.prin-first {
    font-family: jost;
    font-weight: 800;
    font-size: 16px;
    padding-right: 10px;
    margin-left: 2px;
    color: #a0695b;
}
.prin-second {
    font-size: 7px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 8px;
    padding: 10px 0px;
    color: #777;
    margin-left: -11px;
}
.prin-text {
    padding: 0px 30px 0px 62px;
    text-align: justify;
    margin-top: -22px;
    font-size: 11px;
    font-family: jost;
    color: #000;
}</style>

53

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
<script src="https://forumstatic.ru/files/000c/73/14/77234.js"></script>
<div class="carousel">
    <div class="carousel__control">
    </div>
    <div class="carousel__stage">
        <div class="spinner spinner--left">
            <div class="spinner__face js-active" data-bg="#27323c">
                <div class="content" data-type="iceland">
                                        <div class="content__right">
                        <div class="content__main">
                            <p>“As I flew north to begin my third circuit of Iceland in four years, I was slightly anxious. The number of visitors to Iceland has doubled in that period, and I feared this might mean a little less magic to go around. At the end of this trip, 6000km later, I'm thrilled to report that the magic levels remain high. It's found in glorious football victories and Viking chants, kayaking among icebergs, sitting with puffins under the midnight sun and crunching across brand-new lava fields.” </p>
                          <p>– Carolyn Bain</p>
                        </div>
                        <h3 class="content__index">01</h3>
                    </div>
                </div>
            </div>
            <div class="spinner__face" data-bg="#19304a">
                <div class="content" data-type="china">
                    <div class="content__right">
                        <div class="content__main">
                            <p>“Its modern face is dazzling, but China is no one-trick pony. The world's oldest continuous civilisation isn't all smoked glass and brushed aluminium and while you won't be tripping over artefacts – three decades of round-the-clock development and rash town-planning have taken their toll – rich seams of antiquity await.”</p>
                          <p>– Damian Harper</p>
                        </div>
                        <h3 class="content__index">02</h3>
                    </div>
                </div>
            </div>
            <div class="spinner__face" data-bg="#2b2533">
                <div class="content" data-type="usa">
                    <div class="content__right">
                        <div class="content__main">
                            <p>“When it comes to travel, America has always floored me with its staggering range of possibilities. Not many other countries have so much natural beauty – mountains, beaches, rainforest, deserts, canyons, glaciers – coupled with fascinating cities to explore, an unrivaled music scene and all the things that make travel so rewarding (friendly locals, great restaurants and farmers markets, and plenty of quirky surprises).” </p>
                          <p>– Regis St Louis</p>
                        </div>
                        <h3 class="content__index">03</h3>
                    </div>
                </div>
            </div>
            <div class="spinner__face" data-bg="#312f2d">
                <div class="content" data-type="peru">
                    <div class="content__right">
                        <div class="content__main">
                            <p>“For me, Peru is the molten core of South America, a distillation of the oldest traditions and the finest building, weaving and art made by the most sophisticated cultures on the continent. In Peru the wildest landscapes – from frozen Andean peaks to the deep Amazon – help us re-forge our connection to the natural world. It is also a cultural stew, where diverse peoples live side by side, negotiating modern life with humor and aplomb. Beyond that, the cuisine alone makes it worth the trip. Every return is rich and surprising.”</p>
                          <p>– Carolyn McCarthy</p>
                        </div>
                        <h3 class="content__index">04</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--  Poor man's preloader -->
<div style="height: 0; width: 0; overflow: hidden">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/peru.jpg">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/canada.jpg"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/china.jpg"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/usa.jpg"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/iceland.jpg"></div>
<style>
.js-transitions-disabled * {
  transition: none !important;
}
.carousel {
    position: absolute;
    height: 400px;
    width: 600px;
    overflow: hidden;
border-radius: 24px;
    border: 1px solid gray;
}
.carousel__control {
  position: absolute;
  height: 160px;
  width: 40px;
  background: #fff;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.carousel__control a {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 75%;
  box-sizing: border-box;
}
.carousel__control a:hover:before {
  background-color: rgba(0,0,0,0.4);
}
.carousel__control a.active:before,
.carousel__control a.active:hover:before {
  background-color: rgba(0,0,0,0.6);
}
.carousel__control a:first-child {
  margin-top: 15px;
}
.carousel__control a:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  padding-top: 25%;
  width: 25%;
  background: rgba(0,0,0,0.2);
  content: '';
  display: block;
  margin-top: -12.5%;
}
.carousel__stage {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  margin: auto;
  transform-style: preserve-3d;
  transform: translateZ(calc(-50vh + 20px));
}
.spinner {
  position: absolute;
  width: calc(50vw - (20px));
  height: calc(100vh - 40px);
  top: 0;
  left: 0;
  right: auto;
  bottom: 0;
  margin: auto;
  transform-style: preserve-3d;
  transition: transform 1s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform-origin: 50% 50%;
  transform: rotateX(0);
}
.js-spin-fwd .spinner {
  transform: rotateX(-90deg);
}
.js-spin-bwd .spinner {
  transform: rotateX(90deg);
}
.js-spin-fwd .spinner--right {
  transform: rotateX(90deg);
}
.js-spin-bwd .spinner--right {
  transform: rotateX(-90deg);
}
.spinner--right {
  right: 0;
  left: auto;
}
.spinner__face {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.spinner__face.js-next {
  display: block;
  transform: rotateX(90deg) translateZ(calc(50vh - 20px));
}
.spinner--right .spinner__face.js-next {
  transform: rotateX(270deg) translateZ(calc(50vh - 20px));
}
.js-spin-bwd .spinner__face.js-next {
  transform: rotateX(-90deg) translateZ(calc(50vh - 20px));
}
.js-spin-bwd .spinner--right .spinner__face.js-next {
  transform: rotateX(-270deg) translateZ(calc(50vh - 20px));
}
.js-active {
  display: block;
  transform: translateZ(calc(50vh - 20px));
}
.content {
  position: absolute;
  width: 200%;
  height: 100%;
  left: 0;
}
.spinner--right .content {
  left: -100%;
}
.content__left,
.content__right {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
}
.content__right {
  right: 0;
  left: auto;
}
.content__left {
  background-repeat: no-repeat;
  background-size: cover;
}
.content__left:after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.1);
}
.content__left h1 {
  position: absolute;
  top: 50%;
  margin-top: -3vw;
  text-align: center;
  font-family: oswald;
  font-size: 5vw;
  height: 10vw;
  opacity: 1;
  color: #fff;
  width: 100%;
  letter-spacing: 0.15em;
  line-height: 0.6;
}
.content__left span {
  font-size: 1vw;
  font-weight: 300;
  letter-spacing: 0.2em;
  opacity: 0.9;
  font-family: Merriweather;
}
.content__right {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content__right .content__main {
  position: absolute;
  font-family: Merriweather, serif;
  text-align: left;
  color: #fff;
  font-size: 1.3vw;
  padding: 0 8vw;
  line-height: 1.65;
  font-weight: 300;
  margin: 0;
  opacity: 0.8;
}
.content__right .content__main p:last-child {
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 0.85em;
}
.content__right .content__index {
  font-size: 30vh;
  position: absolute;
  right: -1vh;
  top: 35vh;
  opacity: 0.04;
  font-family: oswald;
  color: #fff;
}
[data-type="iceland"] .content__left {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/iceland.jpg");
}
.spinner--right [data-type="iceland"] .content__left {
  background-image: none;
}
[data-type="china"] .content__left {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/china.jpg");
}
.spinner--right [data-type="china"] .content__left {
  background-image: none;
}
[data-type="usa"] .content__left {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/usa.jpg");
}
.spinner--right [data-type="usa"] .content__left {
  background-image: none;
}
[data-type="peru"] .content__left {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/peru.jpg");
}
.spinner--right [data-type="peru"] .content__left {
  background-image: none;
}
</style>

54

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
<!--HTML--><script src="https://forumstatic.ru/files/000c/73/14/63105.js"></script>
<section class="grid carousel">
  <div class="text">описание работы магазина, описание работы магазина, плашка стоит столько-то рубасов, иконка - столько-то, нервы админов - бесценны. описание работы магазина, описание работы магазина, плашка стоит столько-то рубасов, иконка - столько-то, нервы админов - бесценны. описание работы магазина, описание работы магазина, плашка стоит столько-то рубасов, иконка - столько-то, нервы админов - бесценны.</div>
  <div class="slide">
  <div class="name">плашки</div>
<div class="splash"><table>
<tbody><tr>
<td><img src="https://i.imgur.com/ttW4fnG.png"> <img src="https://i.imgur.com/ttW4fnG.png"> <img src="https://i.imgur.com/ttW4fnG.png"> <img src="https://i.imgur.com/ttW4fnG.png"> <img src="https://i.imgur.com/ttW4fnG.png"> <img src="https://i.imgur.com/ttW4fnG.png"></td>
<td><img src="https://i.imgur.com/ttW4fnG.png"> <img src="https://i.imgur.com/ttW4fnG.png"> <img src="https://i.imgur.com/ttW4fnG.png"> <img src="https://i.imgur.com/ttW4fnG.png"> <img src="https://i.imgur.com/ttW4fnG.png"> <img src="https://i.imgur.com/ttW4fnG.png"></td>
</tr>
</tbody></table>
</div>
  </div>

  <div class="slide">
<div class="name">иконки</div>
<div class="sicons"><img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> <img src="https://i.imgur.com/Odc8Mlo.gif"> 
</div>
  </div>

  <div class="slide">
<div class="name">Slide Number Three</div>
Aliquam erat volutpat. Sed ut dui ut lacus dictum fermentum vel tincidunt neque. Sed sed lacinia lectus.
  </div>

  <!-- Previous and next buttons; add a dot for each slide and adjust the currentSlide number -->
  <button class="prev1" onclick="changeSlide(-1)">❮</button><button class="next1" onclick="changeSlide(1)">❯</button>
  <div class="controls">
    <button class="dot" onclick="currentSlide(1)"></button>
    <button class="dot" onclick="currentSlide(2)"></button>
    <button class="dot" onclick="currentSlide(3)"></button>
  </div>
  </div>
<style>
.slide {
    z-index: 2;
    background-color: #ffffff;
    grid-column: 4 / span 8;
    grid-row: 1;
    border-radius: 25px;
    padding: 50px;
    margin: 40px 5px 40px 5px;
    margin-bottom: 65px;
    border: 1px solid #eff1f1;
}


.next1, .prev1 {
    grid-row: 1;
    color: black;
    font-size: 30px;
    cursor: pointer;
    border: none;
    background: none;
    z-index: 2;
    margin-top: -24px;
}
.prev1 {
  grid-column: 3 / span 1; /* Whatever column is left of .slide */
  justify-self: right;
}
.next1 {
  grid-column: 12 / span 1; /* whatever column is right of .slide */
  justify-self: left;
}
.controls {
  grid-column: 4 / span 8; /* any centered section of columns */
  grid-row: 1;
  position: relative;
  text-align: center;
  top: calc(100% - 60px);
  z-index: 2;
}
.dot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 4px;
    background-color: #00000069;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
    border: none;
}

.dot.active {
   background-color: #c700009c; 
}

.grid {
    width: 740px;
    display: grid;
    height: 420px;
}
.name {
    color: #000;
    margin-top: -50px;
    border: 1px solid #eff1f1;
    border-radius: 0px 0px 24px 24px;
    width: 500px;
    border-top: none;
    height: 30px;
    /* margin-bottom: 12px; */
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: jost;
    padding: 10px 0px 0px 0px;
}

.splash {
    position: absolute;
    margin-top: 79px;
    margin-left: 8px;
    width: 560px;
    line-height: 34px;
    height: 170px;
    overflow-y: scroll;    padding-right: 30px; text-align: center;
}
.sicons {
    position: absolute;
    margin-top: 79px;
    width: 560px;
    line-height: 34px;
    height: 170px;
    padding-right: 30px;
    overflow-y: scroll;
}
.text {
    color: #000;
    position: absolute;
    display: grid;
    margin-top: 95px;
    z-index: 3;
    text-align: justify;
    width: 600px;
    margin-left: 76px;
}
/* just styling */

.carousel {
  font-family: sans-serif;
}



</style>

55

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )

[html]<style>.news {width: 70%;}
.news-title {    font-family: jost;    text-transform: uppercase;    font-size: 20px;    font-weight: 800;    color: #a0695b;    display: inline-flex;    align-items: flex-start;    flex-direction: column;    text-align: left;    width: 340px;}
.news-content {    background: #fff;    border-radius: 24px;    margin: 0px 30px;    border: 1px solid #e7e4e4;}
.news-imgs {    display: inline-flex;    width: 100%;    justify-content: left;    margin-top: -24px;    margin-left: -64px;}
.news-imgs img {    border-radius: 100%;    width: 60px;    border: 1px solid #e7e4e4;    margin: 0px 10px;    padding: 4px;}
.news-txt {    padding: 0px 30px 6px 30px;    text-align: justify;    margin-top: -31px;}
.news-otst {    margin-left: 10px;    float: left;    padding: 20px 24px 0px 0px;    color: transparent;}
.news-zag {    color: #3c3c3c;    background: #f5f5f5;    width: 224px;    border-radius: 40px 0px 0px 40px;    margin-left: 240px;    position: relative;    font-family: jost;    margin-top: 6px;    font-weight: 500;    letter-spacing: 0.5px;    font-size: 14px;    padding: 4px 10px;    text-align: center;    border: 1px solid #e7e4e4;    border-right: none;}
.news-activ {    color: #3c3c3c;    background: #f5f5f5;    width: 224px;    border-radius: 0px 40px 40px 0px;    margin-right: 240px;    position: relative;    font-family: jost;    margin-top: 6px;    font-weight: 500;    letter-spacing: 0.5px;    font-size: 14px;    padding: 4px 10px;    text-align: center;    border: 1px solid #e7e4e4;    border-left: none;}
.news-dop {    padding: 10px 30px 0px 30px;  text-align: justify;    margin: 10px 0px;}
.news-dop1 {    display: inline-flex;    align-items: center;    margin-bottom: 15px;}
.dop1-t1 {    margin-right: 15px;    color: #a0695b;}
.news-title:before {    content: '•';    display: block;    height: 0px;    width: 0px;    padding: 0px;    font-family: arial black;    position: absolute;    margin: 0px 0px 0px -15px;    z-index: 0;    background: #a3695c;}
.news-title1 {    font-size: 7px;    text-transform: uppercase;    letter-spacing: 1px;    line-height: 10px;    font-weight: normal;    padding: 3px 0px 8px 0px;    color: #777;    margin-left: -11px;}
.news-players {    letter-spacing: 2px;}
.news-players {    overflow: hidden;    display: block;    margin: 20px 250px 20px 0px;}
.news-bestpost1 {    display: block;    margin: -81px 0px 20px 215px;}
.news-bestpost1 {    font-family: jost;    font-size: 10px;    width: 230px;    height: 61px;    overflow: hidden auto;    line-height: 11px;    text-align: justify;    padding-right: 5px;    color: rgb(0 0 0);}
.news-flooders {    letter-spacing: 2px;}
.news-flooders {    overflow: hidden;    display: block;    margin: -4px 0px 20px 255px;}

.news-epiz {
    left: 523px;
}
.news-couple, .news-epiz {
    top: 424px;
}
.news-couple, .news-epiz {
    position: absolute;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
    opacity: .8;
    overflow: hidden;
}
.news-couple {
    left: 337px;
}</style>

<center><div class="news"><div class="news-title">news #1<br><div class="news-title1">на связи капитан америка</div></div>
<div class="news-content"><div class="news-imgs"><img src="https://via.placeholder.com/100"></div><div class="news-txt"><div class="news-otst"></div>i found you, now i'm lost in euphoria lost, but i love it, 나를 찾지 마 아픔이 없는 곳으로 떠나가 길을 잃어도 괜찮아 with you, yeah anywhere is lost in euphoria lost, but i love it 제발 찾지 마 아픔이 없는 곳으로 떠나가 i want to stay lost in euphoria euphoria, yeah promised that i'd ever let it fade away (fade away) said that i would slide for you any day everything i say is to the grave yeah, it's to the grave they're telling you lies 속아왔어 매번 영원할 거라는 말에 이젠 들려 다 깨질 약속으로만 애써 믿으려 해 뻔한 결말이잖아 baby, won't you stay? 견디는 무게 전부 내가 들어줄게, ayy, yeah 모든 게 무너진듯해도 난 등을 돌려버려도 i'm on your side 물어 대체 이렇게까지 why? 'cause i i found you, now i'm lost in euphoria lost, but i love it, 나를 찾지 마 아픔이 없는 곳으로 떠나가 길을 잃어도 괜찮아 with you, yeah anywhere is lost in euphoria lost, but l love it, 제발 찾지 마 아픔이 없는 곳으로 떠나가 i want to stay lost in еuphoria euphoria, yeah</div><div class="news-zag">важности</div>
<div class="news-dop">
<div class="news-dop1"><div class="dop1-t1">●</div>i found you, now i'm lost in euphoria lost, but i love it, 나를 찾지 마
아픔이 없는 곳으로 떠나가 with you, yeah, with you, yeah anywhere is lost in euphoria lost, but i love it, 제발 찾지 마 아픔이 없는 곳으로 떠나가 i want to stay lost in euphoria euphoria, yeah</div>
<div class="news-dop1"><div class="dop1-t1">●</div>i found you, now i'm lost in euphoria lost, but i love it, 나를 찾지 마
아픔이 없는 곳으로 떠나가 with you, yeah, with you, yeah anywhere is lost in euphoria lost, but i love it, 제발 찾지 마 아픔이 없는 곳으로 떠나가 i want to stay lost in euphoria euphoria, yeah</div>
<div class="news-dop1"><div class="dop1-t1">●</div>i found you, now i'm lost in euphoria lost, but i love it, 나를 찾지 마
아픔이 없는 곳으로 떠나가 with you, yeah, with you, yeah anywhere is lost in euphoria lost, but i love it, 제발 찾지 마 아픔이 없는 곳으로 떠나가 i want to stay lost in euphoria euphoria, yeah</div>
</div>
<div class="news-activ">активисты</div>
<div class="news-players"><a href="ссылка"><img src="https://via.placeholder.com/60" title="игрок"></a> <a href="ссылка"><img src="https://via.placeholder.com/60" title="игрок"></a> <a href="ссылка"><img src="https://via.placeholder.com/60" title="игрок"></a></div>
<div class="news-bestpost1">i found you, now i'm lost in euphoria lost i found you, now i'm lost in euphoria lost i found you, now i'm lost in euphoria lost i found you, now i'm lost in euphoria lost i found you, now i'm lost in euphoria lost i found you, now i'm lost in euphoria lost <a href="ссылка">[читать дальше]</a></div>
<div class="news-flooders"><a href="ссылка"><img src="https://via.placeholder.com/60" title="флудер"></a>
<a href="ссылка"><img src="https://via.placeholder.com/60" title="флудер"></a>
<a href="ссылка"><img src="https://via.placeholder.com/60" title="флудер"></a></div>
<div class="news-couple"><a href="ссылка">name surname & name surname</a></div>
<div class="news-epiz"><a href="ссылка">название эпизода</a></div>
</div></div></center>[/html]

56

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
<div class="block-aktiv">
<div class="left-aktiv">
<img src="https://upforme.ru/uploads/001b/e7/5e/3/770731.jpg" title="активист лиа">
 <img src="https://upforme.ru/uploads/001b/e7/5e/3/122506.jpg" title="активист биби"> 
<img src="https://upforme.ru/uploads/001b/e7/5e/3/323967.jpg" title="активист джейк"></div>

<div class="ep-aktiv"><b>
<a href="https://takehome.rusff.me/profile.php?id=9">jungwon</a> &amp; <a href="https://takehome.rusff.me/profile.php?id=2">jongseong</a></b><br>
<a href="https://takehome.rusff.me/viewtopic.php?id=60">мы должны помнить</a></div>

<div class="right-aktiv">
<img src="https://upforme.ru/uploads/001b/e7/5e/3/215491.jpg" title="постописец джуен"> 
<img src="https://upforme.ru/uploads/001b/e7/5e/3/304822.jpg" title="постописец юна">
 <img src="https://upforme.ru/uploads/001b/e7/5e/3/51454.jpg" title="постописец сухек"></div>
</div>
<div class="post-para">
<div class="b-post"><b>min yoongi пишет:</b> юнги не хотел приходить сюда, но отец дал четкий приказ: проверить работу агентства. Ослушаться отца равнозначно подписанию смертного приговора, поэтому юноша приехал без предупреждения, распугав своим присутствием тех немногих сотрудников, которые встретились ему на пути. <a href="https://takehome.rusff.me/viewtopic.php?id=119#p11477">читать далее....</a></div>

<div class="b-para"><img src="https://upforme.ru/uploads/001b/e8/c7/21/18023.png" title="енджун &amp; чанбин"></div>
</div>
Код:
.block-aktiv {
    width: 450px;
    min-height: 50px;
    display: flex;
    position: relative;
    top: -85px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}
.left-aktiv, .right-aktiv {
    display: block;
    position: relative;
    width: 140px;
    text-align: center;
    margin: 0 auto;
}
.left-aktiv img, .right-aktiv img {
    border-radius: 50%;
    border: 1px solid var(--two1);
    max-width: 35px;
    max-height: 35px;
    margin-right: 5px;
    filter: grayscale(1);
}
.ep-aktiv {
    display: block;
    width: 135px;
    background: var(--one3);
    padding: 5px;
    border-radius: 15px;
    border: 1px solid var(--two1);
    text-align: center;
}
.fb-ns a {
    font-weight: 600!important;
}
.post-para {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    top: -80px;
    position: relative;
    width: 450px;
}
.b-post {
    text-align: justify;
    text-transform: lowercase;
    font-size: 9px;
    width: 320px;
    line-height: 15px;
    color: var(--three1);
}
.b-post a {
    color: var(--two2);
}
.b-para {
    display: block;
    max-width: 130px;
    max-height: 31px;
    padding: 0 10px;
}
.b-para img {
    border-radius: 10px;
    border: 1px solid var(--two1);
    filter: grayscale(1);
}

57

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )

[html]<style>.news {width: 70%;}
.news-title {    font-family: jost;    text-transform: uppercase;    font-size: 20px;    font-weight: 800;    color: #a0695b;    display: inline-flex;    align-items: flex-start;    flex-direction: column;    text-align: left;    width: 340px;}
.news-content {    background: #fff;    border-radius: 24px;    margin: 0px 30px;    border: 1px solid #e7e4e4;}
.news-imgs {    display: inline-flex;    width: 100%;    justify-content: left;    margin-top: -24px;    margin-left: -64px;}
.news-imgs img {    border-radius: 100%;    width: 60px;    border: 1px solid #e7e4e4;    margin: 0px 10px;    padding: 4px;}
.news-txt {    padding: 0px 30px 6px 30px;    text-align: justify;    margin-top: -31px;}
.news-otst {    margin-left: 10px;    float: left;    padding: 20px 24px 0px 0px;    color: transparent;}
.news-zag {    color: #3c3c3c;    background: #f5f5f5;    width: 224px;    border-radius: 40px 0px 0px 40px;    margin-left: 240px;    position: relative;    font-family: jost;    margin-top: 6px;    font-weight: 500;    letter-spacing: 0.5px;    font-size: 14px;    padding: 4px 10px;    text-align: center;    border: 1px solid #e7e4e4;    border-right: none;}
.news-activ {    color: #3c3c3c;    background: #f5f5f5;    width: 224px;    border-radius: 0px 40px 40px 0px;    margin-right: 240px;    position: relative;    font-family: jost;    margin-top: 6px;    font-weight: 500;    letter-spacing: 0.5px;    font-size: 14px;    padding: 4px 10px;    text-align: center;    border: 1px solid #e7e4e4;    border-left: none;}
.news-dop {    padding: 10px 30px 0px 30px;  text-align: justify;    margin: 10px 0px;}
.news-dop1 {    display: inline-flex;    align-items: center;    margin-bottom: 15px;}
.dop1-t1 {    margin-right: 15px;    color: #a0695b;}
.news-title:before {    content: '•';    display: block;    height: 0px;    width: 0px;    padding: 0px;    font-family: arial black;    position: absolute;    margin: 0px 0px 0px -15px;    z-index: 0;    background: #a3695c;}
.news-title1 {    font-size: 7px;    text-transform: uppercase;    letter-spacing: 1px;    line-height: 10px;    font-weight: normal;    padding: 3px 0px 8px 0px;    color: #777;    margin-left: -11px;}
.news-post1 {
    position: absolute;
    width: 260px;
    height: 60px;
    margin-top: 0px;
    margin-left: 52px;
    text-align: justify;
    padding: 8px 12px 8px 12px;
    font-family: jost;
    font-size: 10px;
    line-height: 10px;
    border: 1px solid #e7e4e4;
    border-radius: 0px 0px 20px 20px;
    border-top: none;
}
.news-activ1 {
    position: absolute;
    margin-top: 5px;
    margin-left: -24px;
    display: flex;
    line-height: 2;
    flex-direction: column;
}
.news-activ1 img, .news-players img {
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e7e4e4;
    padding: 2px;
}

.news-players {
    position: absolute;
    margin-top: 5px;
    margin-left: 368px;
    display: flex;
    line-height: 2;
    flex-direction: column;
}
.news-couple {
    position: absolute;
    width: 260px;
    height: 15px;
    margin-top: 86px;
    margin-left: 52px;
    padding: 8px 12px 8px 12px;
    font-family: jost;
    font-size: 10px;
    text-align: center;
    border: 1px solid #e7e4e4;
    border-radius: 20px;
}
.news-epiz {
    position: absolute;
    width: 260px;
    height: 15px;
    margin-top: 129px;
    margin-left: 52px;
    padding: 8px 12px 8px 12px;
    font-family: jost;
    font-size: 10px;
    text-align: center;
    border: 1px solid #e7e4e4;
    border-radius: 20px 20px 0px 0px;
    border-bottom: none;
}
.news-t {
    height: 160px;
    border: 1px solid #e7e4e4;
    border-radius: 24px;
    width: 390px;
    margin: 20px 0px;
}
</style>

<center><div class="news"><div class="news-title">news #1<br><div class="news-title1">на связи капитан америка</div></div>
<div class="news-content"><div class="news-imgs"><img src="https://via.placeholder.com/100"></div><div class="news-txt"><div class="news-otst"></div>i found you, now i'm lost in euphoria lost, but i love it, 나를 찾지 마 아픔이 없는 곳으로 떠나가 길을 잃어도 괜찮아 with you, yeah anywhere is lost in euphoria lost, but i love it 제발 찾지 마 아픔이 없는 곳으로 떠나가 i want to stay lost in euphoria euphoria, yeah promised that i'd ever let it fade away (fade away) said that i would slide for you any day everything i say is to the grave yeah, it's to the grave they're telling you lies 속아왔어 매번 영원할 거라는 말에 이젠 들려 다 깨질 약속으로만 애써 믿으려 해 뻔한 결말이잖아 baby, won't you stay? 견디는 무게 전부 내가 들어줄게, ayy, yeah 모든 게 무너진듯해도 난 등을 돌려버려도 i'm on your side 물어 대체 이렇게까지 why? 'cause i i found you, now i'm lost in euphoria lost, but i love it, 나를 찾지 마 아픔이 없는 곳으로 떠나가 길을 잃어도 괜찮아 with you, yeah anywhere is lost in euphoria lost, but l love it, 제발 찾지 마 아픔이 없는 곳으로 떠나가 i want to stay lost in еuphoria euphoria, yeah</div><div class="news-zag">важности</div>
<div class="news-dop">
<div class="news-dop1"><div class="dop1-t1">●</div>i found you, now i'm lost in euphoria lost, but i love it, 나를 찾지 마
아픔이 없는 곳으로 떠나가 with you, yeah, with you, yeah anywhere is lost in euphoria lost, but i love it, 제발 찾지 마 아픔이 없는 곳으로 떠나가 i want to stay lost in euphoria euphoria, yeah</div>
<div class="news-dop1"><div class="dop1-t1">●</div>i found you, now i'm lost in euphoria lost, but i love it, 나를 찾지 마
아픔이 없는 곳으로 떠나가 with you, yeah, with you, yeah anywhere is lost in euphoria lost, but i love it, 제발 찾지 마 아픔이 없는 곳으로 떠나가 i want to stay lost in euphoria euphoria, yeah</div>
<div class="news-dop1"><div class="dop1-t1">●</div>i found you, now i'm lost in euphoria lost, but i love it, 나를 찾지 마
아픔이 없는 곳으로 떠나가 with you, yeah, with you, yeah anywhere is lost in euphoria lost, but i love it, 제발 찾지 마 아픔이 없는 곳으로 떠나가 i want to stay lost in euphoria euphoria, yeah</div>
</div>
<div class="news-activ">активисты</div>
<div class="news-t">
<!----------------------------  пост ---------------------------->
<div class="news-post1">
из горла анечки вырывается сиплый звук испуга, когда незнакомая перебинтованная рука отводит в сторону прядь её волос. сознание до этого момента так сильно концентрировалось на личных проблемах, что игнорировало звуки, запахи, отброшенную от одинокого силуэта тень.  <a href="ссылка">[читать дальше]</a>
</div>
<!-- активисты -->
<div class="news-activ1">
<a href="ссылка"><img src="https://via.placeholder.com/50" title="кто-то"></a>
<a href="ссылка"><img src="https://via.placeholder.com/50" title="кто-то"></a>
<a href="ссылка"><img src="https://via.placeholder.com/50" title="кто-то"></a></div>
<!-- постописцы -->
<div class="news-players">
<a href="ссылка"><img src="https://via.placeholder.com/50" title=""></a>
<a href="ссылка"><img src="https://via.placeholder.com/50" title=""></a>
<a href="ссылка"><img src="https://via.placeholder.com/50" title=""></a></div>
<!----------------------------  пара ---------------------------->
<div class="news-couple">
<a href="ссылка">name surname</a> & <a href="ссылка">name surname</a>
</div>
<!----------------------------  эпизод ---------------------------->
<div class="news-epiz">
<a href="ссылка">название эпизода</a>
</div>
</div>
</div></div></center>[/html]

58

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )

[html]<article>
<!-- VENESSA - COPIA DESDE AQUÍ -->

<div class="cd23-fame recolor" style="--_fame-level:1;--_fame-until-levelup:30;--_rep-value:0;">
<div role="header" data-flex="column">
<div role="icon"><img src="https://img.wattpad.com/49923f92a412bcf64a919465f8a7b72df219c090/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f4c7a7a4f48713631515255626d413d3d2d3633373035373530302e313538363361313730333462333465313631343438323639373731342e676966"/></div>
<div role="fame-bar" data-flex="row">
<img src="https://static.wikia.nocookie.net/sims/images/3/30/Notable_Newcomer_Icon.png"/>
<img src="https://static.wikia.nocookie.net/sims/images/d/da/Rising_Star_Icon.png"/>
<img src="https://static.wikia.nocookie.net/sims/images/1/17/B-Lister_Icon.png"/>
<img src="https://static.wikia.nocookie.net/sims/images/5/58/Proper_Celebrity_Icon.png"/>
<img src="https://static.wikia.nocookie.net/sims/images/1/1b/Global_Superstar_Icon.png"/>
</div>
<span role="fame-title"></span>
<div role="rep-bar" data-flex="row">
<img src="https://static.wikia.nocookie.net/sims/images/f/f9/TS4_Reputation_Bad.png"/>
<img src="https://static.wikia.nocookie.net/sims/images/0/0e/TS4_Reputation_Neutral.png"/>
<img src="https://static.wikia.nocookie.net/sims/images/7/7f/TS4_Reputation_Good.png"/>
</div>
<span role="rep-title"></span>
</div>
<div role="body">
<span role="name">VENESSA JEONG</span>
<div role="desc">Venessa Jeong just moved to Del Sol Valley from her quaint country town. She is looking to make it big as a rising actress. She has starred in a few low level commercials, but her agent always tells her she has what it takes, she just needs to find that breakthrough role.</div>
<details role="spoiler">
<summary role="spoiler"></summary>
<div role="perks">
<span role="title">PERKS</span>
<div role="icons">
<!-- row -->
<div role="row">
<!-- unavailable icon -->
<details role="icon" status="locked"></details>
<!-- unavailable icon -->
<!-- unavailable icon -->
<details role="icon" status="locked"></details>
<!-- unavailable icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/c/c6/Perk_TS4_WhosBad.png"/>
</summary>
<p>
<u><b>Who's Bad</b><i>3<i class="ph-fill ph-star"></i></i></u>
<span>Lose reputation even faster; gain fame from Mischief interactions.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/7/7d/Perk_TS4_PlaytheVillain.png"/>
</summary>
<p>
<u><b>Play the Villain</b><i>4<i class="ph-fill ph-star"></i></i></u>
<span>Being mean gains fame.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/a/ac/Perk_TS4_FeudBringer.png"/>
</summary>
<p>
<u><b>FeudBringer</b><i>5<i class="ph-fill ph-star"></i></i></u>
<span>Wage public celebrity feuds.</span>
</p>
</details>
<!-- locked icon -->
</div>
<!-- row -->
<!-- row -->
<div role="row">
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/e/e8/Perk_TS4_CorporatePartnership.png"/>
</summary>
<p>
<u><b>Corporate Partnership</b><i>1<i class="ph-fill ph-star"></i></i></u>
<span>Upload videos for increased fame and money.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/1/13/Perk_TS4_Influencer.png"/>
</summary>
<p>
<u><b>Influencer</b><i>2<i class="ph-fill ph-star"></i></i></u>
<span>Receive gifts in the mail.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/7/7d/Perk_TS4_AllNighter.png"/>
</summary>
<p>
<u><b>All-nighter</b><i>3<i class="ph-fill ph-star"></i></i></u>
<span>Boost energy and host marathon charity streams.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/5/50/Perk_TS4_Trailblazer.png"/>
</summary>
<p>
<u><b>Trailblazer</b><i>4<i class="ph-fill ph-star"></i></i></u>
<span>Uploaded videos are always trendy; Sims around town may wear your outfit.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/8/87/Perk_TS4_LifestyleBrand.png"/>
</summary>
<p>
<u><b>Lifestyle Brand</b><i>5<i class="ph-fill ph-star"></i></i></u>
<span>Run a business built on fame.</span>
</p>
</details>
<!-- locked icon -->
</div>
<!-- row -->
<!-- row -->
<div role="row">
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/d/d5/Perk_TS4_Networking.png"/>
</summary>
<p>
<u><b>Networking</b><i>1<i class="ph-fill ph-star"></i></i></u>
<span>Easier socialization with more famous Sims.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/b/b6/Perk_TS4_PRAgency.png"/>
</summary>
<p>
<u><b>PR Agency</b><i>2<i class="ph-fill ph-star"></i></i></u>
<span>Have an agency manage reputation and secure exclusive invites.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/d/d1/Perk_TS4_FanFavorite.png"/>
</summary>
<p>
<u><b>Fan Favorite</b><i>2<i class="ph-fill ph-star"></i></i></u>
<span>Use fans to influence Fame and Reputation</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/d/d3/Perk_TS4_InstantBesties.png"/>
</summary>
<p>
<u><b>Instant Besties</b><i>4<i class="ph-fill ph-star"></i></i></u>
<span>Become friends or lovebirds following introductions.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/8/87/Perk_TS4_Squad.png"/>
</summary>
<p>
<u><b>Squad</b><i>5<i class="ph-fill ph-star"></i></i></u>
<span>Summon your entourage.</span>
</p>
</details>
<!-- locked icon -->
</div>
<!-- row -->
<!-- row -->
<div role="row">
<!-- unlocked icon -->
<details role="icon">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/e/e6/Perk_TS4_Noticeable.png"/>
</summary>
<p>
<u><b>Noticeable</b><i>1<i class="ph-fill ph-star"></i></i></u>
<span>Chance to gain bonus fame from skills and careers.</span>
</p>
</details>
<!-- unlocked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/0/0f/Perk_TS4_CelebuSerum.png"/>
</summary>
<p>
<u><b>CelebuSerum</b><i>2<i class="ph-fill ph-star"></i></i></u>
<span>Receive helpful potions in the mail.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/2/2b/Perk_TS4_EstablishedName.png"/>
</summary>
<p>
<u><b>Established Name</b><i>2<i class="ph-fill ph-star"></i></i></u>
<span>Increased earnings on crafted objects; skip acting auditions and wardrobe prep.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/a/ab/Perk_TS4_CareerHopper.png"/>
</summary>
<p>
<u><b>Career Hopper</b><i>4<i class="ph-fill ph-star"></i></i></u>
<span>Career jump-start and easier advancement.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/e/e4/Perk_TS4_EasyStreet.png"/>
</summary>
<p>
<u><b>Easy Street</b><i>5<i class="ph-fill ph-star"></i></i></u>
<span>Easier career advancement, larger paycheck, and positive workdays.</span>
</p>
</details>
<!-- locked icon -->
</div>
<!-- row -->
<!-- row -->
<div role="row">
<!-- unavailable icon -->
<details role="icon" status="locked"></details>
<!-- unavailable icon -->
<!-- unavailable icon -->
<details role="icon" status="locked"></details>
<!-- unavailable icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/b/b1/Perk_TS4_GivingBack.png"/>
</summary>
<p>
<u><b>Giving Back</b><i>3<i class="ph-fill ph-star"></i></i></u>
<span>Gain reputation even faster; donate objects to fans for fame.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/3/31/Perk_TS4_Rally.png"/>
</summary>
<p>
<u><b>Rally!</b><i>4<i class="ph-fill ph-star"></i></i></u>
<span>Being mean gains fame.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/5/50/Perk_TS4_StarTreatment.png"/>
</summary>
<p>
<u><b>FeudBringer</b><i>5<i class="ph-fill ph-star"></i></i></u>
<span>Use fame to get things for free.</span>
</p>
</details>
<!-- locked icon -->
</div>
<!-- row -->
</div>
</div>
<div role="quirks">
<span role="title">QUIRKS</span>
<div role="icons">
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/3/37/Quirk_TS4_VainStreet.png"/>
</summary>
<p>
<u><b>Vain Street</b></u>
<span>Not using mirrors for a while can make Sims tense; using the "Admire Fine Self" interaction makes them confident.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/d/d2/Quirk_TS4_PaparazziDarling.png"/>
</summary>
<p>
<u><b>Paparazzi Darling</b></u>
<span>Sims attracts more paparazzi and gain more reputation from having their picture taken. However, when a Sim with this quirk is not directly controlled, or has no action queued up, they will prioritize paparazzi over all else, including EXTREMELY low needs.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/b/b6/Quirk_TS4_RefinedPalate.png"/>
</summary>
<p>
<u><b>Refined Palate</b></u>
<span>Eating excellent food provides happy moodlets; anything less provides uncomfortable moodlets.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/7/7b/Quirk_TS4_AStan.png"/>
</summary>
<p>
<u><b>A Stan!</b></u>
<span>Sims gain an NPC who follows them around, even to their home lot, and can rummage through their trash.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/6/6c/Quirk_TS4_PublicNumber.png"/>
</summary>
<p>
<u><b>Public Number</b></u>
<span>Sims can receive text messages from other Sims, and whether they are positive or negative can affect the Sims' mood.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/a/aa/Quirk_TS4_PhoneFanatic.png"/>
</summary>
<p>
<u><b>Phone Fanatic</b></u>
<span>Sims become tense from not using their phone for entertainment for a while.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/5/58/Quirk_TS4_NoTouching.png"/>
</summary>
<p>
<u><b>No Touching</b></u>
<span>Sims become tense if they touch a Sim with a lower fame level; can become confident if they avoid contact for an amount of time.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/0/00/Quirk_TS4_JuiceEnthusiast.png"/>
</summary>
<p>
<u><b>Juice Enthusiast</b></u>
<span>Sims become tense or uncomfortable if they haven't visited a bar or ordered a drink recently.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/1/17/Quirk_TS4_EmotionBomb.png"/>
</summary>
<p>
<u><b>Emotion Bomb</b></u>
<span>Sims lose emotional control when sad or angry.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/e/e9/Quirk_TS4_FanMail.png"/>
</summary>
<p>
<u><b>"Fan" Mail</b></u>
<span>Sims receive random junk items in their mailbox.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/7/78/Quirk_TS4_ASeriousActor.png"/>
</summary>
<p>
<u><b>A Serious Actor</b></u>
<span>Funny and mischievous social interactions can make Sims angry.</span>
</p>
</details>
<!-- locked icon -->
<!-- unlocked icon -->
<details role="icon">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/d/d7/Quirk_TS4_BrushesWithFame.png"/>
</summary>
<p>
<u><b>Brushes with Fame</b></u>
<span>Sims will become sad if they haven't socialised with others at their fame level or higher recently.</span>
</p>
</details>
<!-- unlocked icon -->
</div>
</div>
</details>
</div>
</div>
<a href="https://necromancercoding.tumblr.com/" class="ncredit">NC</a>

<style>.cd23-fame.recolor, .cd23-fame.recolor *, .cd23-fame.recolor *:before, .cd23-fame.recolor *:after { --_accent:#52a996; --_body:#eee; --_desc:#e2e2e2; --_button:#e2e2e2; --_items:#e2e2e2; --_offbckg:#d5d5d5; --_border-int: 1px solid var(--_border-int-c); --_border-int-c:#ddd; --_border-radius-ext:25px; --_border-radius-int:15px; --_border-radius-min:10px; --_border-radius-button:50px; --_border-radius-icon:100%; --_available:drop-shadow(0 1px var(--_body)) drop-shadow(0 -1px var(--_body)) drop-shadow(-1px 0 var(--_body)) drop-shadow(1px 0 var(--_body)); --_unavailable:grayscale(1) brightness(1.5) contrast(0.7) var(--_available); --_available2:drop-shadow(1px 1px white) drop-shadow(1px -1px white) drop-shadow(-1px 1px white) drop-shadow(-1px -1px white); --_unavailable2:grayscale(1) brightness(1.5) contrast(0.7) var(--_available2); --_icon-size:85px; --_title-weight:900; --_title-size:18px; --_title-family:'Raleway'; --_title-color:var(--_accent); --_subtitle-weight:700; --_subtitle-size:12px; --_subtitle-family:'Raleway'; --_subtitle-color:#eee; --_body-weight:400 italic; --_body-size:11px; --_body-family:'Open Sans'; --_body-color:#555; --_fame-title-0:'Unknown'; --_fame-title-1:'Notable Newcomer'; --_fame-title-2:'Rising Star'; --_fame-title-3:'B-Lister'; --_fame-title-4:'Proper Celebrity'; --_fame-title-5:'Global Superstar'; --_rep-title-0:'Bad'; --_rep-title-1:'Neutral'; --_rep-title-2:'Good'; }</style>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap" rel="stylesheet"/><link href="https://unpkg.com/@phosphor-icons/web@2.0.3/src/bold/style.css" rel="stylesheet"/><link href="https://unpkg.com/@phosphor-icons/web@2.0.3/src/fill/style.css" rel="stylesheet"/>
<link href="https://dl.dropboxusercontent.com/scl/fi/e55lsme93z5e2xn04flsi/fame.css?rlkey=qdhb6lxxereyitzotv1vffwea&dl=0" rel="stylesheet"/>

<!-- VENESSA - COPIA HASTA AQUÍ -->
</article>

<article>
<!-- JUDITH - COPIA DESDE AQUÍ -->

<div class="cd23-fame" style="--_fame-level:5;--_fame-until-levelup:50;--_rep-value:-100;">
<div role="header" data-flex="column">
<div role="icon"><img src="https://i.gifer.com/HXBN.gif"/></div>
<div role="fame-bar" data-flex="row">
<img src="https://static.wikia.nocookie.net/sims/images/3/30/Notable_Newcomer_Icon.png"/>
<img src="https://static.wikia.nocookie.net/sims/images/d/da/Rising_Star_Icon.png"/>
<img src="https://static.wikia.nocookie.net/sims/images/1/17/B-Lister_Icon.png"/>
<img src="https://static.wikia.nocookie.net/sims/images/5/58/Proper_Celebrity_Icon.png"/>
<img src="https://static.wikia.nocookie.net/sims/images/1/1b/Global_Superstar_Icon.png"/>
</div>
<span role="fame-title"></span>
<div role="rep-bar" data-flex="row">
<img src="https://static.wikia.nocookie.net/sims/images/f/f9/TS4_Reputation_Bad.png"/>
<img src="https://static.wikia.nocookie.net/sims/images/0/0e/TS4_Reputation_Neutral.png"/>
<img src="https://static.wikia.nocookie.net/sims/images/7/7f/TS4_Reputation_Good.png"/>
</div>
<span role="rep-title"></span>
</div>
<div role="body">
<span role="name">JUDITH WARD</span>
<div role="desc">Judith Ward is a legend in the acting community. She has starred in everything from comedies to dramas. You name it, Judith has played the role. That's not to say she is an easy person to befriend. Judith has burned her fair share of bridges along the way. Her mentality is to get rich at all costs. She will be the first to throw you under the bus to advance her career. She has been married several times, but all of her partners have only slowed her down. She prefers to live fast and does not settle for mediocrity.</div>
<details role="spoiler">
<summary role="spoiler"></summary>
<div role="perks">
<span role="title">PERKS</span>
<div role="icons">
<!-- row -->
<div role="row">
<!-- unavailable icon -->
<details role="icon" status="locked"></details>
<!-- unavailable icon -->
<!-- unavailable icon -->
<details role="icon" status="locked"></details>
<!-- unavailable icon -->
<!-- unlocked icon -->
<details role="icon">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/c/c6/Perk_TS4_WhosBad.png"/>
</summary>
<p>
<u><b>Who's Bad</b><i>3<i class="ph-fill ph-star"></i></i></u>
<span>Lose reputation even faster; gain fame from Mischief interactions.</span>
</p>
</details>
<!-- unlocked icon -->
<!-- unlocked icon -->
<details role="icon">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/7/7d/Perk_TS4_PlaytheVillain.png"/>
</summary>
<p>
<u><b>Play the Villain</b><i>4<i class="ph-fill ph-star"></i></i></u>
<span>Being mean gains fame.</span>
</p>
</details>
<!-- unlocked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/a/ac/Perk_TS4_FeudBringer.png"/>
</summary>
<p>
<u><b>FeudBringer</b><i>5<i class="ph-fill ph-star"></i></i></u>
<span>Wage public celebrity feuds.</span>
</p>
</details>
<!-- locked icon -->
</div>
<!-- row -->
<!-- row -->
<div role="row">
<!-- unlocked icon -->
<details role="icon">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/e/e8/Perk_TS4_CorporatePartnership.png"/>
</summary>
<p>
<u><b>Corporate Partnership</b><i>1<i class="ph-fill ph-star"></i></i></u>
<span>Upload videos for increased fame and money.</span>
</p>
</details>
<!-- unlocked icon -->
<!-- unlocked icon -->
<details role="icon">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/1/13/Perk_TS4_Influencer.png"/>
</summary>
<p>
<u><b>Influencer</b><i>2<i class="ph-fill ph-star"></i></i></u>
<span>Receive gifts in the mail.</span>
</p>
</details>
<!-- unlocked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/7/7d/Perk_TS4_AllNighter.png"/>
</summary>
<p>
<u><b>All-nighter</b><i>3<i class="ph-fill ph-star"></i></i></u>
<span>Boost energy and host marathon charity streams.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/5/50/Perk_TS4_Trailblazer.png"/>
</summary>
<p>
<u><b>Trailblazer</b><i>4<i class="ph-fill ph-star"></i></i></u>
<span>Uploaded videos are always trendy; Sims around town may wear your outfit.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/8/87/Perk_TS4_LifestyleBrand.png"/>
</summary>
<p>
<u><b>Lifestyle Brand</b><i>5<i class="ph-fill ph-star"></i></i></u>
<span>Run a business built on fame.</span>
</p>
</details>
<!-- locked icon -->
</div>
<!-- row -->
<!-- row -->
<div role="row">
<!-- unlocked icon -->
<details role="icon">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/d/d5/Perk_TS4_Networking.png"/>
</summary>
<p>
<u><b>Networking</b><i>1<i class="ph-fill ph-star"></i></i></u>
<span>Easier socialization with more famous Sims.</span>
</p>
</details>
<!-- unlocked icon -->
<!-- unlocked icon -->
<details role="icon">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/b/b6/Perk_TS4_PRAgency.png"/>
</summary>
<p>
<u><b>PR Agency</b><i>2<i class="ph-fill ph-star"></i></i></u>
<span>Have an agency manage reputation and secure exclusive invites.</span>
</p>
</details>
<!-- unlocked icon -->
<!-- unlocked icon -->
<details role="icon">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/d/d1/Perk_TS4_FanFavorite.png"/>
</summary>
<p>
<u><b>Fan Favorite</b><i>2<i class="ph-fill ph-star"></i></i></u>
<span>Use fans to influence Fame and Reputation</span>
</p>
</details>
<!-- unlocked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/d/d3/Perk_TS4_InstantBesties.png"/>
</summary>
<p>
<u><b>Instant Besties</b><i>4<i class="ph-fill ph-star"></i></i></u>
<span>Become friends or lovebirds following introductions.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/8/87/Perk_TS4_Squad.png"/>
</summary>
<p>
<u><b>Squad</b><i>5<i class="ph-fill ph-star"></i></i></u>
<span>Summon your entourage.</span>
</p>
</details>
<!-- locked icon -->
</div>
<!-- row -->
<!-- row -->
<div role="row">
<!-- unlocked icon -->
<details role="icon">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/e/e6/Perk_TS4_Noticeable.png"/>
</summary>
<p>
<u><b>Noticeable</b><i>1<i class="ph-fill ph-star"></i></i></u>
<span>Chance to gain bonus fame from skills and careers.</span>
</p>
</details>
<!-- unlocked icon -->
<!-- unlocked icon -->
<details role="icon">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/0/0f/Perk_TS4_CelebuSerum.png"/>
</summary>
<p>
<u><b>CelebuSerum</b><i>2<i class="ph-fill ph-star"></i></i></u>
<span>Receive helpful potions in the mail.</span>
</p>
</details>
<!-- unlocked icon -->
<!-- unlocked icon -->
<details role="icon">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/2/2b/Perk_TS4_EstablishedName.png"/>
</summary>
<p>
<u><b>Established Name</b><i>2<i class="ph-fill ph-star"></i></i></u>
<span>Increased earnings on crafted objects; skip acting auditions and wardrobe prep.</span>
</p>
</details>
<!-- unlocked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/a/ab/Perk_TS4_CareerHopper.png"/>
</summary>
<p>
<u><b>Career Hopper</b><i>4<i class="ph-fill ph-star"></i></i></u>
<span>Career jump-start and easier advancement.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/e/e4/Perk_TS4_EasyStreet.png"/>
</summary>
<p>
<u><b>Easy Street</b><i>5<i class="ph-fill ph-star"></i></i></u>
<span>Easier career advancement, larger paycheck, and positive workdays.</span>
</p>
</details>
<!-- locked icon -->
</div>
<!-- row -->
<!-- row -->
<div role="row">
<!-- unavailable icon -->
<details role="icon" status="locked"></details>
<!-- unavailable icon -->
<!-- unavailable icon -->
<details role="icon" status="locked"></details>
<!-- unavailable icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/b/b1/Perk_TS4_GivingBack.png"/>
</summary>
<p>
<u><b>Giving Back</b><i>3<i class="ph-fill ph-star"></i></i></u>
<span>Gain reputation even faster; donate objects to fans for fame.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/3/31/Perk_TS4_Rally.png"/>
</summary>
<p>
<u><b>Rally!</b><i>4<i class="ph-fill ph-star"></i></i></u>
<span>Being mean gains fame.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/5/50/Perk_TS4_StarTreatment.png"/>
</summary>
<p>
<u><b>FeudBringer</b><i>5<i class="ph-fill ph-star"></i></i></u>
<span>Use fame to get things for free.</span>
</p>
</details>
<!-- locked icon -->
</div>
<!-- row -->
</div>
</div>
<div role="quirks">
<span role="title">QUIRKS</span>
<div role="icons">
<!-- unlocked icon -->
<details role="icon">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/3/37/Quirk_TS4_VainStreet.png"/>
</summary>
<p>
<u><b>Vain Street</b></u>
<span>Not using mirrors for a while can make Sims tense; using the "Admire Fine Self" interaction makes them confident.</span>
</p>
</details>
<!-- unlocked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/d/d2/Quirk_TS4_PaparazziDarling.png"/>
</summary>
<p>
<u><b>Paparazzi Darling</b></u>
<span>Sims attracts more paparazzi and gain more reputation from having their picture taken. However, when a Sim with this quirk is not directly controlled, or has no action queued up, they will prioritize paparazzi over all else, including EXTREMELY low needs.</span>
</p>
</details>
<!-- locked icon -->
<!-- unlocked icon -->
<details role="icon">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/b/b6/Quirk_TS4_RefinedPalate.png"/>
</summary>
<p>
<u><b>Refined Palate</b></u>
<span>Eating excellent food provides happy moodlets; anything less provides uncomfortable moodlets.</span>
</p>
</details>
<!-- unlocked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/7/7b/Quirk_TS4_AStan.png"/>
</summary>
<p>
<u><b>A Stan!</b></u>
<span>Sims gain an NPC who follows them around, even to their home lot, and can rummage through their trash.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/6/6c/Quirk_TS4_PublicNumber.png"/>
</summary>
<p>
<u><b>Public Number</b></u>
<span>Sims can receive text messages from other Sims, and whether they are positive or negative can affect the Sims' mood.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/a/aa/Quirk_TS4_PhoneFanatic.png"/>
</summary>
<p>
<u><b>Phone Fanatic</b></u>
<span>Sims become tense from not using their phone for entertainment for a while.</span>
</p>
</details>
<!-- locked icon -->
<!-- unlocked icon -->
<details role="icon">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/5/58/Quirk_TS4_NoTouching.png"/>
</summary>
<p>
<u><b>No Touching</b></u>
<span>Sims become tense if they touch a Sim with a lower fame level; can become confident if they avoid contact for an amount of time.</span>
</p>
</details>
<!-- unlocked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/0/00/Quirk_TS4_JuiceEnthusiast.png"/>
</summary>
<p>
<u><b>Juice Enthusiast</b></u>
<span>Sims become tense or uncomfortable if they haven't visited a bar or ordered a drink recently.</span>
</p>
</details>
<!-- locked icon -->
<!-- unlocked icon -->
<details role="icon">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/1/17/Quirk_TS4_EmotionBomb.png"/>
</summary>
<p>
<u><b>Emotion Bomb</b></u>
<span>Sims lose emotional control when sad or angry.</span>
</p>
</details>
<!-- unlocked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/e/e9/Quirk_TS4_FanMail.png"/>
</summary>
<p>
<u><b>"Fan" Mail</b></u>
<span>Sims receive random junk items in their mailbox.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/7/78/Quirk_TS4_ASeriousActor.png"/>
</summary>
<p>
<u><b>A Serious Actor</b></u>
<span>Funny and mischievous social interactions can make Sims angry.</span>
</p>
</details>
<!-- locked icon -->
<!-- locked icon -->
<details role="icon" status="locked">
<summary role="icon-img">
<img src="https://static.wikia.nocookie.net/sims/images/d/d7/Quirk_TS4_BrushesWithFame.png"/>
</summary>
<p>
<u><b>Brushes with Fame</b></u>
<span>Sims will become sad if they haven't socialised with others at their fame level or higher recently.</span>
</p>
</details>
<!-- locked icon -->
</div>
</div>
</details>
</div>
</div>
<a href="https://necromancercoding.tumblr.com/" class="ncredit">NC</a>

<style>.cd23-fame, .cd23-fame *, .cd23-fame *:before, .cd23-fame *:after { --_accent:#89508d; --_body:#eee; --_desc:#e2e2e2; --_button:#e2e2e2; --_items:#e2e2e2; --_offbckg:#d5d5d5; --_border-int: 1px solid var(--_border-int-c); --_border-int-c:#ddd; --_border-radius-ext:25px; --_border-radius-int:15px; --_border-radius-min:10px; --_border-radius-button:50px; --_border-radius-icon:100%; --_available:drop-shadow(0 1px var(--_body)) drop-shadow(0 -1px var(--_body)) drop-shadow(-1px 0 var(--_body)) drop-shadow(1px 0 var(--_body)); --_unavailable:grayscale(1) brightness(1.5) contrast(0.7) var(--_available); --_available2:drop-shadow(1px 1px white) drop-shadow(1px -1px white) drop-shadow(-1px 1px white) drop-shadow(-1px -1px white); --_unavailable2:grayscale(1) brightness(1.5) contrast(0.7) var(--_available2); --_icon-size:85px; --_title-weight:900; --_title-size:18px; --_title-family:'Raleway'; --_title-color:var(--_accent); --_subtitle-weight:700; --_subtitle-size:12px; --_subtitle-family:'Raleway'; --_subtitle-color:#eee; --_body-weight:400 italic; --_body-size:11px; --_body-family:'Open Sans'; --_body-color:#555; --_fame-title-0:'Unknown'; --_fame-title-1:'Notable Newcomer'; --_fame-title-2:'Rising Star'; --_fame-title-3:'B-Lister'; --_fame-title-4:'Proper Celebrity'; --_fame-title-5:'Global Superstar'; --_rep-title-0:'Bad'; --_rep-title-1:'Neutral'; --_rep-title-2:'Good'; }</style>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap" rel="stylesheet"/><link href="https://unpkg.com/@phosphor-icons/web@2.0.3/src/bold/style.css" rel="stylesheet"/><link href="https://unpkg.com/@phosphor-icons/web@2.0.3/src/fill/style.css" rel="stylesheet"/>
<link href="https://dl.dropboxusercontent.com/scl/fi/e55lsme93z5e2xn04flsi/fame.css?rlkey=qdhb6lxxereyitzotv1vffwea&dl=0" rel="stylesheet"/>

<!-- JUDITH - COPIA HASTA AQUÍ -->
</article>
<style></style>[/html]

59

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )

[html]<div class="huntrix"><div class="hunt1"><div class="huntname"><img src="https://placehold.co/150x150.png"></img><div class="hunttxt">NAME</div></div><div class="huntinfo"><div class="huntdato">Edad</div><div class="huntdato">Nickname</div><div class="huntdato">Grupo</div><div class="huntdato">Rango</div></div></div><div class="hunt2"><div class="huntstat">8 <span>FUE</span></div><div class="huntstat">12 <span>DES</span></div><div class="huntstat">8 <span>AG</span></div><div class="huntstat">9 <span>RES</span></div><div class="huntstat">10 <span>HAB</span></div><div class="huntstat">8 <span>VEL</span></div><div class="huntstat">2 <span>CA</span></div><div class="huntstat">120 <span>PV</span></div></div><div class="hunt3"><div class="huntcrono"><em class="game-icon game-icon-padlock"></em><span><i>I hate you</i>, Mira & Abs, Seul, 2025-07-15</span></div><div class="huntcrono"><em class="game-icon game-icon-padlock-open"></em><span><i>I hate you</i>, Mira & Abs, Seul, 2025-07-15</span></div><div class="huntcrono"><em class="game-icon game-icon-padlock"></em><span><i>I hate you</i>, Mira & Abs, Seul, 2025-07-15</span></div><div class="huntcrono"><em class="game-icon game-icon-padlock"></em><span><i>I hate you</i>, Mira & Abs, Seul, 2025-07-15</span></div><div class="huntcrono"><em class="game-icon game-icon-padlock"></em><span><i>I hate you</i>, Mira & Abs, Seul, 2025-07-15</span></div></div><div class="hunt4"><img src="https://placehold.co/100" title="NAME"></img><img src="https://placehold.co/100" title="NAME"></img><img src="https://placehold.co/100" title="NAME"></img><img src="https://placehold.co/100" title="NAME"></img><img src="https://placehold.co/100" title="NAME"></img><img src="https://placehold.co/100" title="NAME"></img></div><div class="hunt7"><div class="hunttxt">Called a problem child 'cause I got too wild</div></div><div class="hunt5"><em class="game-icon game-icon-aerodynamic-harpoon" title="NAME"></em><em class="game-icon game-icon-all-for-one" title="NAME"></em><em class="game-icon game-icon-curvy-knife" title="NAME"></em><em class="game-icon game-icon-crossed-air-flows" title="NAME"></em></div><div class="hunt6"><div class="huntpl"><em class="game-icon game-icon-play-button"></em> Golden - Huntr/x</div><div class="huntpl"><em class="game-icon game-icon-play-button"></em> Golden - Huntr/x</div><div class="huntpl"><em class="game-icon game-icon-play-button"></em> Golden - Huntr/x</div><div class="huntpl"><em class="game-icon game-icon-play-button"></em> Golden - Huntr/x</div><div class="huntpl"><em class="game-icon game-icon-play-button"></em> Golden - Huntr/x</div></div></div>

<a href="https://maywemeetotherrph.tumblr.com" title="by maywemeetotherrph" class="myc"><span class="th th-moon-o"></span></a>
<style>.huntrix{max-height: 750px; --huntaccent: #f473c6; --huntaccent2: #dd90ff; --huntaccent3: #7deee1; --huntaccent4: #b1ddf6; --huntcolor: #000; --hsize: 14px; --hnsize: 45px; --huntsd: #e7e7e778; --hspansize: 12px; --htxt: 30px; --hsd: #d7fffb82; --hsd2:#cae5f4bd; --hsd3: #febbe673; --huntborder: #dbdcff;} </style>
<link href="https://dl.dropbox.com/s/uv5lfyqhc1rd3x1/game-icons.css" rel="stylesheet" /><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap" rel="stylesheet"><link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><link href="https://dl.dropbox.com/scl/fi/3mwfahas42i226htpihf9/huntrix.css?rlkey=a8wg7q14tef8sqid9nvj753me&st=p8ocu6sk&dl=0" rel="stylesheet" />[/html]

60

  • отношения:
  • 5:
  • Автор: Bae Joohyun
  • самый длинный ник какой только может быть самый дл
  • Bae Joohyun
  • посты: астория де ла вега, 27
    и мы поднимаем вверх
    зажигалки-фонари
    не запоминаем те разговоры о любви, самый безопасный смех или забудь их всех, но не наш мир, в котором
    ( навсегда сгорим )
Код:
// Получаем элемент, в котором отображается сообщение
const messageElement = document.getElementById('message');

// Получаем элемент, куда будем выводить количество символов
const charCountElement = document.createElement('div');
charCountElement.id = 'char-count'; // Добавляем id для стилизации (опционально)
messageElement.parentNode.insertBefore(charCountElement, messageElement.nextSibling);

// Функция для обновления счетчика символов
function updateCharCount() {
  const messageText = messageElement.textContent; // Получаем текст сообщения
  const charCount = messageText.length; // Считаем количество символов
  charCountElement.textContent = `Количество символов: ${charCount}`; // Обновляем текст счетчика
}

// Вызываем функцию при загрузке страницы и при изменении контента элемента messageElement
window.onload = updateCharCount;

// Создаем observer для отслеживания изменений в содержимом элемента messageElement
const observer = new MutationObserver(updateCharCount);

// Начинаем наблюдение за элементом messageElement
observer.observe(messageElement, { characterData: true, childList: true, subtree: true });

// Пример HTML:
// <div id="message">Текст сообщения</div>
// Этот код нужно поместить в тег <script> в HTML-файле
Страница:   1 … 4 5 6 7  

Вы здесь » Test by devls » страниу » коды тамбы

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