Fórum NS - Discussões sobre animes, mangás e mais!
Bem vindo ao maior fórum de animes de Brasil & Portugal!

Não deixe de registrar sua conta para poder participar do fórum! Leia nossa POLÍTICA DE PRIVACIDADE e configure suas opções de privacidade: https://www.forumnsanimes.com/privacy (ao acessar nosso site, você aceita nossas políticas de privacidade)

Poste 5 mensagens no fórum para ativar o seu primeiro rank e começar sua jornada! Aqui, você irá fazer amigos, participar de eventos, subir de rank e até ganhar prêmios!

Fórum NS - Discussões sobre animes, mangás e mais!
Bem vindo ao maior fórum de animes de Brasil & Portugal!

Não deixe de registrar sua conta para poder participar do fórum! Leia nossa POLÍTICA DE PRIVACIDADE e configure suas opções de privacidade: https://www.forumnsanimes.com/privacy (ao acessar nosso site, você aceita nossas políticas de privacidade)

Poste 5 mensagens no fórum para ativar o seu primeiro rank e começar sua jornada! Aqui, você irá fazer amigos, participar de eventos, subir de rank e até ganhar prêmios!

Fórum NS - Discussões sobre animes, mangás e mais!
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Fórum NS - Discussões sobre animes, mangás e mais! Entrar

descriptionGALERIA - Nobody {Codes} EmptyGALERIA - Nobody {Codes}

more_horiz
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::zeca::zeca::zeca::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 17/1/2017, 18:04, editado 2 vez(es)

descriptionGALERIA - Nobody {Codes} EmptyRe: GALERIA - Nobody {Codes}

more_horiz
Devedor :


Ficou legal isso ai Nosby :oda:

descriptionGALERIA - Nobody {Codes} EmptyRe: GALERIA - Nobody {Codes}

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

descriptionGALERIA - Nobody {Codes} EmptyRe: GALERIA - Nobody {Codes}

more_horiz
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. :oda:

Deixo também o link do meu máximo (até agora) no fórum, que alguém mandou pros arquivos (:zeca::zeca::zeca::zeca::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:



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

descriptionGALERIA - Nobody {Codes} EmptyRe: GALERIA - Nobody {Codes}

more_horiz
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 24/6/2018, 01:23, editado 4 vez(es)

descriptionGALERIA - Nobody {Codes} EmptyRe: GALERIA - Nobody {Codes}

more_horiz
Muito show @Nobody  GALERIA - Nobody {Codes} 1f62e  GALERIA - Nobody {Codes} 1f62e  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:

descriptionGALERIA - Nobody {Codes} EmptyRe: GALERIA - Nobody {Codes}

more_horiz
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:

descriptionGALERIA - Nobody {Codes} EmptyRe: GALERIA - Nobody {Codes}

more_horiz
Nabunda, posso usar esse code da galeria? :leona:
Sim, claro ou com cerveja? :KAKA/:

Tu sempre evoluindo nisso, né. O mais legal é que tipo, nas experimentações você acaba aprendendo pra ajustar as falhas.
Permissões neste sub-fórum
Não podes responder a tópicos