Recent Posts

options
Help with hovers written Jun 23, 2021 6:07:33 GMT
all hail Garfield and the Holy Lasagna
pronounsshe/her
403written posts
dijit.exeearned bits
offlinecurrently
dijit.exe
Senior Member
dijit.exe Avatar
no talk me angy
gimmick Avatar
Jun 23, 2021 6:05:32 GMT said:

Like what Dijit said though, there are a couple different approaches, and this is just one

thank you for being a queen and clarifying my monkeybrain words
last edit on Jun 23, 2021 6:08:07 GMT by dijit.exe
options
Help with hovers written Jun 23, 2021 5:43:36 GMT
all hail Garfield and the Holy Lasagna
pronounsshe/her
403written posts
dijit.exeearned bits
offlinecurrently
dijit.exe
Senior Member
dijit.exe Avatar
no talk me angy
Hey ! There's actually a couple ways to do this. However, I'll show you what my go-to is. Its a bit unethical so please dont tell my coding professor I did this.

So, to hide the text in the hover box, you can yeet this into your :hover box!:

color:transparent

so then your code should looks something like this:

[div][attr="class","Adopts1"]Is this it? Is this IT? AM I FINALLY FIGURING OUT HOVERS?[/div]

[newclass=.Adopts1]width:200px; height:334px; background-image:url(https://i.imgur.com/ziH5vmO.png?1);color:black;[/newclass]

[newclass=.Adopts1:hover]color:transparent;width:334px;opacity:.5;overflow:auto;-moz-transition:height .8s ease, opacity 1.5s ease, overflow 1s ease .8s;[/newclass]

I'm working off the assumption you wanna hide the text in the after image with the opacity. But if I'm mistaken, it still works out! Just flip flop the commands listed above! hopefully this helps!

Edit: aaaa I didnt see your bottom stuff! In truth, preserving the text opacity while fading the background gets into more advanced coding stuff. However, if you wanna give it a shot, I'd recommend giving pseudo-elements (::before/::after) a read! here is what I usually do:

So instead of yeeting the opacity into the main div (.Adopts1), you can do something like this:


[div][newclass=.Adopts1::before]opacity:1;[/newclass]

[newclass=.Adopts1::after ]opacity:.75;[/newclass]


what this should does is declare the opacity without affecting everything in the box. This doesn't end up working pls forgive me, I'm monkey brain rn bc im trying to skin, and learning the pseudo-elements myself! I'm learning about them here if you're interested.

If this doesn't work out, I'd be happy to help you out! you can find me on discord at dijit#2839
last edit on Jun 23, 2021 6:19:10 GMT by dijit.exe
options
quote
we're just trouble written Jun 18, 2021 18:03:26 GMT
all hail Garfield and the Holy Lasagna
pronounsshe/her
403written posts
dijit.exeearned bits
offlinecurrently
dijit.exe
Senior Member
dijit.exe Avatar
no talk me angy
made this for a friend because I wanted to fuck around with mix-blend-mode and oh my god this has no right being this good

[nospaces]

[newclass="#mordred"]--image:url(https://i.ibb.co/mDD2mN3/zerker.png); --accent:#972929;[/newclass]


[attr="class","blitzer"][attr="id","mordred"]

[attr="class","blitzerhead"]

( Hill of Swords )






[attr="class","blitzerentry"]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. "Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus." Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.



In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.



Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,





[attr="class","blitzerfoot"]




[attr="class","dijitalccredit"]✭ dijit



[googlefont=Nunito|Yeseva+One]


[newclass=".blitzer"]width:400px; background-color:#292929; margin-left:auto; margin-right:auto; margin-top:40px; cursor:default!important; box-shadow:0px 0px 5px var(--accent);[/newclass]
[newclass=".blitzerhead"]height:150px; background-color:#292929; background-image:var(--image); background-blend-mode:color; mix-blend-mode:lighten; background-size:400px; background-position:center; display:flex; flex-direction:column;[/newclass]
[newclass=".blitzerhead h3"]margin:auto; font-size:35px; -webkit-text-stroke:.5px #fafafa; mix-blend-mode:overlay; text-transform:uppercase; font-family: 'Yeseva One', cursive;[/newclass]
[newclass=".blitzerfoot"]height:20px; background-color:#292929; background-image:var(--image); background-blend-mode:color; mix-blend-mode:lighten; background-size:400px; background-position:center;[/newclass]
[newclass=".blitzerentry"]padding:20px; margin-left:20px; margin-right:20px; color:#6D6D6D; text-align:justify; font-size:11px; line-height:15px; border-left:1px solid var(--accent); border-right:1px solid var(--accent); font-family: 'Nunito', sans-serif;[/newclass]
[newclass=".blitzerentry b"]color:var(--accent);[/newclass]
[newclass=".blitzerentry p"]margin:0px; margin-bottom:20px;[/newclass]
[newclass=".blitzerentry p:last-child"]margin-bottom:0px;[/newclass]
[newclass=".dijitalccredit"]width:380px; margin-left:auto; margin-right:auto; text-align:center; margin-bottom:40px;[/newclass]
last edit on Jun 19, 2021 4:25:57 GMT by dijit.exe
options
Paid Affiliate written Jun 17, 2021 19:34:11 GMT
all hail Garfield and the Holy Lasagna
pronounsshe/her
403written posts
dijit.exeearned bits
offlinecurrently
dijit.exe
Senior Member
dijit.exe Avatar
no talk me angy
paid affiliate request for Fate/Orbis Telos
site link: fateot.jcink.net



<a href="https://fateot.jcink.net" target="_blank" title="A Fate Roleplay Forum" style="cursor:crosshair!important;"><img src="https://i.ibb.co/2N3dxKg/summerafil-tojo-nojomi-of-twitter.png"></a>
options
quote
we're just trouble written Jun 17, 2021 5:41:59 GMT
all hail Garfield and the Holy Lasagna
pronounsshe/her
403written posts
dijit.exeearned bits
offlinecurrently
dijit.exe
Senior Member
dijit.exe Avatar
no talk me angy

[newclass="nullelem"]} @font-face {font-family: "honeybee";src:url("//solrainha.github.io/honeybee/honeybee.eot");src:url("//solrainha.github.io/honeybee/honeybee.eot?#iefix") format("embedded-opentype"),url("//solrainha.github.io/honeybee/honeybee.woff") format("woff"),url("//solrainha.github.io/honeybee/honeybee.ttf") format("truetype"),url("//solrainha.github.io/honeybee/honeybee.svg#honeybee") format("svg");font-weight: normal;font-style: normal;[/newclass]
[newclass=.imgtwo]display: inline-block[/newclass][newclass=.imgtwo img]width: inherit; height: inherit; max-width: inherit; max-height: inherit; min-width: inherit; min-height: inherit; border-radius: inherit;[/newclass][nospaces]

[newclass="#Nemo1"]--gif:url(https://i.ibb.co/BBNv0L0/anan2.png); --accent:#8C8ECD; --accent2:#D8B3DE;[/newclass]



[attr="class","lookingglass"][attr="id","Nemo1"]

[attr="class","lookinghead"]

[attr="class","imgone"]


[attr="class","imgtwo"]


You said you love me but you don't remember


all girls are the same by ronin





[attr="class","lookingban"]


[attr="class","lookingentry"]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. "Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus." Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.



In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.



Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,







[googlefont=Montserrat:600|Open+Sans]




[newclass=".lookingglass"]overflow:hidden; width:400px; margin-left:auto; margin-right:auto; margin-top:40px; background: linear-gradient(to right, var(--accent) 0%, var(--accent2) 100%), url(https://i.ibb.co/G3qD5kk/footer-lodyas.png); background-blend-mode:color-dodge; box-shadow:0px 0px 8px rgba(73, 73, 73,.5); border:5px solid #fafafa; display:flex; flex-direction:column; margin-bottom:40px; cursor:default;[/newclass]
[newclass=".lookingglass h1"]font-family: 'Montserrat', sans-serif; height:300px; padding:10px; font-size:20px; color:#fafafa; text-shadow:2px 2px 0px #252525; display:flex; flex-direction:column; line-height:20px;[/newclass]
[newclass=".lookinghead b"]float:left; background: linear-gradient(to left, var(--accent) 0%, var(--accent2) 100%); padding:2px; text-transform:uppercase; margin-bottom:3px; margin-top:3px; margin-left:auto; margin-right:auto; z-index:2;[/newclass]
[newclass=".lookinghead b:first-child"]margin-top:auto;[/newclass]
[newclass=".lookinghead b:last-child"]margin-bottom:auto;[/newclass]
[newclass=".lookinghead a"]margin-bottom:auto; z-index:2; margin-left:auto; margin-right:auto; margin-top:3px; background-color:#252525; text-shadow:none!important; width:300px; height:10px; line-height:10px; color:#fafafa; text-decoration:none!important; cursor:crosshair!important; font-size:9px; text-transform:uppercase; padding:2px; border-radius:5px; text-align:center; transition: .2s;[/newclass]
[newclass=".lookinghead a:hover"]color:#252525; background: linear-gradient(to right, var(--accent) 0%, var(--accent2) 100%); transition:.2s;[/newclass]
[newclass=".lookinghead"]height:400px; width:400px; flex-direction:column; overflow:hidden;[/newclass]
[newclass=".lookingban"]background-image:var(--gif); position:absolute; width:400px; height:150px; filter:grayscale(100%); mix-blend-mode:luminosity; opacity:.5; margin-top:100px; background-position:center;[/newclass]
[newclass=".imgone"]position:absolute; width:400px; height:400px; margin-left:15px; mix-blend-mode:saturation; opacity:.7; z-index:1;[/newclass]
[newclass=".imgtwo"]position:absolute; width:400px; height:400px; z-index:1; filter:grayscale(100%); transition:.5s;[/newclass]
[newclass=".lookingglass .imgtwo:hover"]filter:grayscale(0%); transition:.5s;[/newclass]
[newclass=".lookingentry"]padding:30px; margin:30px; margin-top:-120px; font-size:10px; line-height:14px; text-align:justify; color:#252525; border-radius:3px; z-index:2; font-family: 'Open Sans', sans-serif; background-color:#fafafa;[/newclass]
[newclass=".lookingentry b"]color:var(--accent); font-size:11px;[/newclass]
[newclass=".lookingentry a"]color:var(--accent); cursor:help!important;[/newclass]
[newclass=".lookingentry p"]margin:0px; margin-bottom:10px;[/newclass]
[newclass=".lookingentry p:last-child"]margin-bottom:0px;[/newclass]
options
quote
Post a Random Thought written Mar 2, 2021 17:20:22 GMT
all hail Garfield and the Holy Lasagna
pronounsshe/her
403written posts
dijit.exeearned bits
offlinecurrently
dijit.exe
Senior Member
dijit.exe Avatar
no talk me angy
Me rn: makes a fucked situation. Character attains the equivalent of godhood. gives the reader moral dilemmas on whether the situation is morally right or wrong.
Also me: “this is nasuverse, baby, nobody is genuinely happy”