GALERIA - Nobody {Codes}

GALERIA - Nobody {Codes}Ter 17 Jan - 16:36

Depois de um tempo trabalhando com essa área, decidi mostrar algumas tretas que eu fiz a partir deles. Se alguém quiser usá-los em algum lugar, me avisa que eu ensino o que tem que mudar no código. :oda:

Deixo também o link do meu máximo (até agora) no fórum, que alguém mandou pros arquivos ( :zeca:

): https://www.forumnsanimes.com/t57484-oficial-o-mundo-de-one-piece.

passe o mouse :

complemento pra assinaturas :

Se bugar algo, depois eu ajeito. :oda:

Última edição por Nobody em Ter 17 Jan - 18:04, editado 2 vez(es)

Re: GALERIA - Nobody {Codes}Ter 17 Jan - 17:01

Devedor :

Ficou legal isso ai Nosby :oda:

Re: GALERIA - Nobody {Codes}Ter 17 Jan - 17:03

Não gostei, vai bugar o fórum, ban nele.

ApolloMembro Rank A

Membro Diamante

Este membro atingiu o nível diamante da escala do Fórum NS! Essa conquista é dada, normalmente, a membros com mais de 4.500 mensagens.

Criador de Tópicos - Lendário

Este membro criou mais de 750 tópicos, gerando discussões para o Fórum NS!

Popularidade (Prata)

A popularidade deste membro é nível prata! Ele ultrapassou a marca de 50 likes nas suas postagens e desbloqueou esta conquista.

Versatilidade (Diamante)

A versatilidade deste membro foi premiada com o nível diamante! Ele participou de mais de 2500 discussões (tópicos) diferentes e desbloqueou esta conquista.

Amador (NarutoVERSUS)

Este membro competiu no evento de argumentação NarutoVERSUS e derrotou outro jogador. Parabéns!

User Info:

Registro :: 04/09/2015
Posts :: 5175
Idade :: 26
N$ :: 0

Re: GALERIA - Nobody {Codes}Ter 17 Jan - 17:11

Nobody escreveu:

Depois de um tempo trabalhando com essa área, decidi mostrar algumas tretas que eu fiz a partir deles. Se alguém quiser usá-los em algum lugar, me avisa que eu ensino o que tem que mudar no código.

Deixo também o link do meu máximo (até agora) no fórum, que alguém mandou pros arquivos (): https://www.forumnsanimes.com/t57484-oficial-o-mundo-de-one-piece.
passe o mouse :

complemento pra assinaturas :

Se bugar algo, depois eu ajeito.

Bugou um pouco o fórum mas nada que não possa arrumar, achei esse do Luffy super legal Bodynhho, se quiser ensinar. Kkkk

NinjalxMembro Rank A

Membro Diamante

Este membro atingiu o nível diamante da escala do Fórum NS! Essa conquista é dada, normalmente, a membros com mais de 4.500 mensagens.

Popularidade (Bronze)

A popularidade deste membro é nível bronze! Ele ultrapassou a marca de 10 likes nas suas postagens e desbloqueou esta conquista.

Versatilidade (Diamante)

A versatilidade deste membro foi premiada com o nível diamante! Ele participou de mais de 2500 discussões (tópicos) diferentes e desbloqueou esta conquista.

Narrador do NSRPG

Esse membro é um narrador oficial autorizado do NSRPG, fazendo parte da STAFF não-moderativa do Fórum NS.

Criador de Tópicos - Diamante

Este membro criou mais de 250 tópicos, gerando discussões para o Fórum NS!

Jogador de 3ª classe (NarutoVERSUS)

Este membro possui um total de três ou mais vitórias oficiais em temporadas do evento de argumentação NarutoVERSUS

User Info:

Registro :: 15/09/2013
Posts :: 5583
Idade :: 25
N$ :: -20

Re: GALERIA - Nobody {Codes}Sex 2 Mar - 18:05

Ressuscitando com um template de galeria que ainda estou trabalhando (ignorem os fundos coloridos, pois eles são só pra teste mesmo).

Código:

<style type="text/css">.galleryTop2 {margin-top:-250px;} .galleryMarginLeft {margin-left:500px; transition: 1s} .galleryMarginZero {margin-left:0; transition: 1s 1.1s;} .navigateColor {background-color:#cfc4ea!important;} .navigateTxt {position:absolute;white-space:nowrap;} .navigateTxtLeft {left:200px;} .aboutTxtBox::-webkit-scrollbar {width:3px; background-color:#e6e6e6;} .aboutTxtBox::-webkit-scrollbar-thumb {background-color: white; border: 1px solid #eee;}</style><br><br><div class="galleryBox"><div class="galleryInner"><div class="galleryBanner"></div><div class="navigateBox"><div class="navigateTitle">NAVIGATE</div><div class="navigateChanger">— <span class="navigateTxt entranceTxt navigateTxtLeft">entrance</span><span class="navigateTxt aboutTxt">about me</span><span class="navigateTxt contactTxt navigateTxtLeft">contact</span><span class="navigateTxt galleryTxt navigateTxtLeft">gallery</span><span class="navigateTxt randomTxt navigateTxtLeft">random</span></div><div class="navigateLine"><div class="navigateButton navigateColor" id="navigate1"></div><div class="navigateButton" id="navigate2"></div><div class="navigateButton" id="navigate3"></div><div class="navigateButton" id="navigate4"></div><div class="navigateButton" id="navigate5"></div></div></div><div class="gallerySlide entrance galleryTop galleryMarginZero" style="display: block;"><div class="entranceImg"></div><div class="entranceBox"><div class="entranceText">HEY, YOU. Welcome to my gallery. Feel free to navigate above it and discover more about me and my codes, of course. Please, enjoy and thank you very much for the visit, dear <span style="font-weight:bold;color:#aade48;">Mike Wazowski</span>.</div><div class="entranceMikeW"></div></div></div><div class="gallerySlide aboutMe galleryTop galleryTop2 galleryMarginLeft" style=""><div style="width: 30px;height: 230px;position: absolute;left: 10px;top: 10px;background: url(https://i.imgur.com/D50jtPi.png) -165px -10px;border-right: 2px solid #cfc4ea;border-top: 2px solid #cfc4ea;"></div><div style="width: 180px;left:10px;font-family:Raleway;color: #cfc4ea;top: 18px;font-size: 20px;display: inline-block;margin-left: 50px;border-bottom: 1px solid #cfc4ea;padding-bottom: 3px;">ANTAGONIST<span style="font-weight:900">PLOT</span></div><div style="width: 40px;height: 40px;background: url(https://78.media.tumblr.com/2d3cedf70abfd91c6550f434b2542fcc/tumblr_oybf3jrCf31qgi0pqo1_1280.jpg) -215px -137px;display:inline-block;background-size: 250px;border: 3px solid white;outline: 1px solid #e6e6e6;position: relative;top: 10px;left: 5px;"></div><div class="aboutTxtBox" style="width: 226px;height: 170px;margin-left: 50px;margin-top: 15px;text-align: justify;padding-right: 8px;overflow:auto;position:absolute;top:50px;"><p style="text-indent:7px;font-family:Karma;font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eget orci nunc. Morbi urna mauris, porta a volutpat at, pellentesque vitae ex. Integer porttitor pellentesque nibh vel auctor. Vestibulum eget lacus non ante malesuada rutrum. Suspendisse et sodales leo. Curabitur bibendum vitae mi quis suscipit. Nam non porttitor lorem. Morbi nisi tortor, accumsan at ante quis, aliquam mollis nisl. Suspendisse pulvinar lacus tellus, quis ultrices neque pulvinar id. In nec semper nulla, non ornare ligula. Morbi euismod elit id felis viverra hendrerit. Nunc pulvinar ullamcorper rutrum.</p><p style="text-indent:7px;font-family:Karma;font-size:12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eget orci nunc. Morbi urna mauris, porta a volutpat at, pellentesque vitae ex. Integer porttitor pellentesque nibh vel auctor. Vestibulum eget lacus non ante malesuada rutrum. Suspendisse et sodales leo. Curabitur bibendum vitae mi quis suscipit. Nam non porttitor lorem. Morbi nisi tortor, accumsan at ante quis, aliquam mollis nisl. Suspendisse pulvinar lacus tellus, quis ultrices neque pulvinar id. In nec semper nulla, non ornare ligula. Morbi euismod elit id felis viverra hendrerit. Nunc pulvinar ullamcorper rutrum.</p></div></div><div class="gallerySlide contactMe galleryTop galleryTop2 galleryMarginLeft" style="background: blue;"></div><div class="gallerySlide offGallery galleryTop galleryTop2 galleryMarginLeft" style="background: purple;"></div><div class="gallerySlide random galleryTop galleryTop2 galleryMarginLeft" style="background: green;"></div></div></div><br><br><link href="https://fonts.googleapis.com/css?family=Raleway:200" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Karma|Montserrat|Pacifico" rel="stylesheet"><br><style type="text/css"> /*basic codes for gallery template*/ .galleryBox {margin:auto;width: 544px;height: 294px;border: 21px solid #ffffff;outline: 1px solid #e9e9e9;overflow: hidden; transition: all 1s 7.5s;} .galleryBox:hover {transition: border-left 1s, border-top 1s 0.5s, border-right 1s 1s, border-bottom 1s 1.5s;border-right: 21px solid #cfc4ea;border-bottom: 21px solid #cfc4ea;border-left: 21px solid #c4e5ea;border-top: 21px solid #c4e5ea;} .galleryInner {width:502px;height:252px;background-color:white;border: 1px solid #fff;outline: 1px solid #eee;overflow: hidden;background:url(https://i.imgur.com/xSBITeJ.png);} .galleryBanner {width:500px;height:250px;background:url(https://i.imgur.com/M1o9rZC.png);position: absolute;transition:opacity 1s 6s, width 0.0001s 5s;z-index: 10;} .galleryBox:hover .galleryBanner {opacity:0; width:0; transition: opacity 1s 2s, width 0.0001s 3.1s;} .navigateTitle {width: 173px;height: 21px;font-family: Montserrat;font-size: 20px;line-height: 28px;color: #c4e5ea;border-bottom: 1px solid #c4e5ea;padding-bottom: 28px;} .navigateBox {position:relative;padding: 3px 2px 0px 1px;width: 183px;top: 10px;left: 315px;z-index:1;} .navigateChanger {width: 108px;height:30px;font-family: Pacifico;font-size: 20px;line-height: 28px;color: #cfc4ea;text-align: right;padding-right: 10px;position: absolute;} .navigateLine {width: 150px;height:30px;margin: auto;position: relative;top: 33px;} .navigateButton {width: 20px;height: 20px;background: #c4e5ea;border: 2px solid #ffffff;border-radius: 20px;box-shadow: 0 0 0px 1px #e9e9e9;text-align: center;color: white;font-size: 28px;padding-top: 4px;display: inline-block;margin: 0 5px; cursor:pointer;} .gallerySlide {width:500px;height:250px;position: relative;background:white;} .galleryTop {top:-62px;} .entranceImg {width: 300px;height:100px;background-image: url(https://i.imgur.com/mbAbrHm.png);position: relative;top: 10px;left: 10px;padding-right: 5px;} .entranceBox {width:480px;height: 125px;position:relative;left: 10px;top: 15px;padding-top: 10px;border-top: 1px solid #e6e6e6;} .entranceText {width: 200px;height: max-content;border-left: 2px solid #e5dcf2;padding-left:10px;text-indent:10px;font-family: Karma;font-size: 12px;text-align: justify;color: #333;float: left;margin-top: 3.5px;} &nbsp;div.entranceText span {font-weight:bold;color:#aade48;} .entranceMikeW {float:left;width: 260px;height: 115px;margin-left: 20px;border: 5px solid white;outline: 1px solid #e6e6e6;border-top: 5px solid #cfc4ea;border-left: 5px solid #cfc4ea;border-bottom: 5px solid #b6e6eb;border-right: 5px solid #b6e6eb;background: url(https://78.media.tumblr.com/927d884a39b27f324cc2e86a02ca1382/tumblr_p3xz4bu2Ya1u3p9q2o1_500.gif) center -26px;background-size: 250px;} /*about codes*/ .aboutBox {width: 300px;height: 226px;top: 17px;left: 10px;position: relative;float: left;} .aboutTitle {width: 280px;height:max-content;border-bottom:1px solid #cfc4ea;padding-bottom: 6px;font-family: Raleway;font-size: 20px;color: #cfc4ea;margin-bottom: 10px;} .aboutTitle span {font-weight:900} .aboutText {width: 280px;text-align: justify;overflow: auto;padding-right: 8px;height: 190px;} .aboutText::-webkit-scrollbar {width:3px;} .aboutText::-webkit-scrollbar-thumb {background-color: #cfc4ea} .aboutText p {text-indent:5px;font-family:Karma;font-size:11px;} .aboutText p span {color:#b6e6eb;font-weight:bold;} .aboutfavsBox {float:right;width: 196px;height:225px;border-left: 1px solid #e6e6e6;top: 17px;position: relative;padding: 85px 10px 0 10px;} .aboutfavs {width:176px; height: 140px; border-top: 1px solid #e6e6e6; padding-top:10px;} .aboutFavsTitle {width:max-content;height:max-content;font-family: Raleway;color: #cfc4ea;font-size: 19px;margin-bottom: 5px;} .aboutFavsTitle span {font-weight:bold} /*end of basic codes*/ /*basic codes for jQuery*/</style></div>

Última edição por Nobody em Dom 24 Jun - 1:23, editado 4 vez(es)

Re: GALERIA - Nobody {Codes}Sex 2 Mar - 18:20

Muito show @Nobody GALERIA - Nobody {Codes} 1f62e

Você manja demais dos codes da vida, não tem pra ninguém \o/
Também manda super bem na parte estética, a combinação das cores, gifs, etc, ficou lindeza essa caixinha!
E para completar não bugou nada :horak:

Ahasou Nobody GALERIA - Nobody {Codes} 1f497

:2anos:

Re: GALERIA - Nobody {Codes}Sex 2 Mar - 18:54

Nossa cara, bem foda esses seus trabalhos do Luffy e Disney.
Entendo um total de zero coisas, mas quando eu dei quote nos jobs apareceram um monte de code — se é assim que se chama. Apesar da aparência simples, o processo de criação deve ser complexo.
Tente qualquer dia expandir seus conhecimentos para nós mortais :vigarice: