Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [DIV=
- margin: auto;
- width: 400px; height: 480px;
- background:url(https://i.stack.imgur.com/xJRXv.png);]
- [nobr]
- [div class="tabsContent tabsContent1"][DIV=padding: 15px;][div class=whitesquare][div=padding: 40px; padding-top: 35px;][div=
- margin: auto;
- width: 230px; height: 230px;
- background:url(https://via.placeholder.com/230x230); [/div][/div][/div]
- [/DIV][/DIV][/DIV]
- [div class="tabsContent tabsContent2" style="display: none;"][DIV=padding: 15px;][div class=whitesquare][DIV=margin: auto; width: 340px; height: 100px; background-color: #f2f2f2][DIV=position: relative; top: 50px; left: -20px; float: right; width: 80px; height: 80px; background:url(https://via.placeholder.com/80x80); border-radius: 100%; border: 4px solid #f2f2f2;][/DIV][/DIV][div class="info" style="width: 270px; height: 200px; margin-left: -10px; margin-left: 0px;"][DIV= width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px;]INFO HERE[/DIV][/DIV][/div]
- [/DIV][/DIV]
- [div class="tabsContent tabsContent3" style="display: none;"][DIV=padding: 15px;][div class=whitesquare][div class=header][/div][div class="info" style="padding-top: 10px; height: 210px; width: 355px;"][DIV= width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px;]INFO HERE 2X[/DIV][/DIV][/div]
- [/DIV][/DIV]
- [div class="tabsContent tabsContent4" style="display: none;"][DIV=padding: 15px;][div class=whitesquare][div class="info" style="width: 355px;"][DIV= width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px;]INFO HERE 3X[/DIV][/DIV][/div]
- [/DIV][/DIV]
- [div class=homebar][div=padding: 20px;][div class=description][div= width: 120%; height: 120%; overflow-y: scroll; padding-right: 150px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc hendrerit, arcu eget ullamcorper condimentum, ex ipsum iaculis lacus, non dapibus mi nisi sed ipsum. Cras consectetur nisi eget sem tempus, in fermentum lacus consequat. Etiam laoreet, ex in varius consequat, ligula magna sodales eros, ac pulvinar urna lorem id urna. Integer hendrerit ac ante id rutrum. Maecenas maximus urna fringilla gravida tempor. Proin congue fermentum sodales. In mauris metus, egestas id dapibus at, sagittis eu nibh. Donec et neque a augue accumsan sagittis non vitae purus. Sed a dignissim sapien. Praesent non dictum turpis. Curabitur risus dolor, auctor in velit eu, feugiat malesuada mauris. In vitae magna hendrerit, efficitur urna cursus, sollicitudin nunc.
- Aliquam erat volutpat. Maecenas quis lectus sit amet odio interdum tincidunt condimentum id mauris. Nullam vitae sagittis ante, vel viverra nisl. Donec vel pulvinar purus. Vestibulum aliquet purus a enim pretium, rhoncus posuere nunc tristique. Nulla lectus orci, tempor vitae metus at, tempus ullamcorper eros. Aliquam sed diam eget ligula ultricies vehicula. In a maximus mauris. Sed rhoncus ex arcu, eu mollis eros sollicitudin vitae.
- nec eros risus. In tempor lacus et ipsum blandit hendrerit ut sit amet tellus.[/div][/div][div class=homeicon][/div]
- [div class=tabs][div class=tab][div class=first][div class=icon][COLOR=transparent]1[/COLOR][fa]fa-home[/fa][/div][/div][/div][div class=tab][div class=second][div class=icon][COLOR=transparent]2[/COLOR][fa]fa-sun[/fa][/div][/div][/div][div class=tab][div class=third][div class=icon][COLOR=transparent]3[/COLOR][fa]fa-moon[/fa][/div][/div][/div][div class=tab][div class=fourth][div class=icon][COLOR=transparent]4[/COLOR][fa]fa-star[/fa][/div][/div][/div][/div][/div]
- [/DIV][/nobr][div class=credit]fairytip[/div]
- [DIV=display:none;]__________________________________________________TAB CLASSES HERE________________________________________________________[/DIV]
- [class=tabs]
- box-sizing: border-box; margin-top: -5px; margin-left: -10px;
- background-color: transparent;
- color: #000;
- font-size: 11px;
- line-height: 1;
- width: 180px;
- text-align: left;
- cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
- [/class]
- [class=tab]
- box-sizing: border-box;
- display: inline-block;
- cursor: pointer;
- padding: 0px 0px;
- width: 20%;
- cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
- [/class]
- [script class=first on=click]
- hide tabsContent2
- hide tabsContent3
- hide tabsContent4
- fadeOut 600 tabsContent2
- fadeOut 600 tabsContent3
- fadeOut 600 tabsContent4
- fadeOut 600 tabsContent1
- fadeIn 800 tabsContent1[/script]
- [script class=second on=click]
- hide tabsContent1
- hide tabsContent3
- hide tabsContent4
- fadeOut 600 tabsContent1
- fadeOut 600 tabsContent3
- fadeOut 600 tabsContent4
- fadeOut 600 tabsContent2
- fadeIn 800 tabsContent2[/script]
- [script class=third on=click]
- hide tabsContent2
- hide tabsContent1
- hide tabsContent4
- fadeOut 600 tabsContent2
- fadeOut 600 tabsContent1
- fadeOut 600 tabsContent4
- fadeOut 600 tabsContent3
- fadeIn 800 tabsContent3[/script]
- [script class=fourth on=click]
- hide tabsContent2
- hide tabsContent3
- hide tabsContent1
- fadeOut 600 tabsContent2
- fadeOut 600 tabsContent3
- fadeOut 600 tabsContent1
- fadeOut 600 tabsContent4
- fadeIn 800 tabsContent4[/script]
- [class=icon]
- margin-left: 18px; margin-top: -5px;
- width: 10px; height: 10px;
- color: #000;
- cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
- [/class]
- [class=homeicon]
- width: 70px; height: 70px; margin-left: 40px; margin-top: -10px;
- background:url(https://via.placeholder.com/70x70); border-radius: 100%;
- cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
- [/class]
- [class=description]
- float: right;
- width: 155px; height: 70px;
- border-left: 1px solid #000;
- box-sizing: border-box; overflow: hidden;
- color: #000; font-size: 10px; text-align: justify; padding: 15px; padding-top: 5px; padding-left: 20px;
- cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
- [/class]
- [comment]__________________________________________________MISC CLASSES HERE________________________________________________________[/comment]
- [class=homebar]
- margin: auto; margin-top: 0px;
- width: 340px; height: 100px;
- background-color: #fff;
- cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
- [/class]
- [class=whitesquare]
- margin: auto;
- width: 340px; height: 300px;
- background: #fff;
- cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;]
- [/class]
- [class=header]
- margin: auto;
- position: relative; top: 10px;
- width: 320px; height: 100px;
- background:url(https://via.placeholder.com/320x100);
- cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
- [/class]
- [class=info]
- margin: auto;
- width: 340px; height: 300px;
- box-sizing: border-box; overflow: hidden;
- color: #000; font-size: 10px; text-align: justify; padding: 10px; padding-top: 5px;
- cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
- [/class]
- [class=credit]
- font-family: times new roman; font-size: 9px; color: #000; text-align: center;
- [/class]
- [/DIV]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement