Coders Code

@Pyosimros Some things I've found out, night life will fuck up with overflow, and will cut off edges of divs, so make some cotainer divs a bit cushiony as needed.  Also % doesn't = overflow problem resolved.  Found one of mine % width designs still clipped over the side slightly.  

Ahhhh that's a problem. Well, regardless either way 90% of my codes look bad on Nyte Life bc of the palettes I use XD 

Yes!! I am here, I need to regain my title as Cool Kid.

Mhmmmm. Your offering has been accepted. Welcome to the Illuminati * ^ *


original.gif


I feel inadequate compared to everyone here tbh :DDDD


me too tbh



Ahhhh don't think that!!! You guys are p good at everything! DDDD: 
 
I forgot that this outer div box had the line-height set as 0 and I didn't alter it for the div containing the text...


MyDayWasGood.jpg



....so....my day was nice. > - >
 
@Nano That's one way to obscure text, lol.  I wonder if you copy and paste it, if it will come out as intended.
 
Crying rn because I had to move a bunch of stuff around so now my divs aren't in the same order that my classes are listed in the CSS portion, which means it'll be a pain to edit until I reorganize it. ='D
 
*Looks at ewolf's latest post mentioning @Fyuri*


>->


Tread carefully Fyuri. If you engage, you may never come back alive...


It was nice knowing you! o7
 
Last edited by a moderator:
*Looks at ewolf's latest post mentioning @Fyuri*


>->


Tread carefully Fyuri. If you engage, you may never come back alive... * ^ *

Yeah, they put in another request on my request thread.  I told them that since they'd just had one request done I wouldn't do another, they just replied telling me they would figure it out.  I might compress all my codes from here on out at this rate because of ewolf.  I love how they are avoiding using my name because they know I made it.  Oh well.  I noticed they aren't using the code I made for them... because they can't read the css >:D
 
What's funny though, is that ewolf doesn't realize you can just set the pic as a bg and then you can make a sheet of paper like that >->
 
And yeah, that's what I was saying, they haven't done any self-research on the matter at all even though they claim they are.  They want to probably Frankenstein codes together, hence the multiple requests.
 
Last edited by a moderator:
The issue with a lot of peeps here is that they are apparently too lazy to go and just google things. I mean...where do they think all the other peeps who know how to code got all their info???


Typically, any issues with theme compatibility can be resolved by specifying almost everything. This is especially important for line-height and box-sizing I think? I might not be seeing the issue though, since I don't know if the issue is what I'm thinking of, so correct me if I'm wrong? ovo;;
 
The issue with a lot of peeps here is that they are apparently too lazy to go and just google things. I mean...where do they think all the other peeps who know how to code got all their info???


Typically, any issues with theme compatibility can be resolved by specifying almost everything. This is especially important for line-height and box-sizing I think? I might not be seeing the issue though, since I don't know if the issue is what I'm thinking of, so correct me if I'm wrong? ovo;;

That first section was a saved draft that wasn't the saved draft I had originally been typing to Pyo... O_o;  I removed it, but saved drafts have struck again.


@Pyosimros Saved drafts strike again.
 
I once made a month-late character, only to realize when I clicked the box down below that there was the entire character fully written from like, a couple weeks ago???


Ahhh yah they probably are gonna make a Frankenstein...


@Ambela and @orphic you guys better use that compressor * ^ *
 
@Pyosimros Saved drafts made me remove all my codes from a workshop cause I didn't know what was breaking the page, lol.  -shakes fist- (҂⌣̀_⌣́)
 
....compressor?

It removes all whitespace in the CSS, basically turning pretty and organized code into a clusterfuck like this:

<style type="text/css">
@import "https://fonts.googleapis.com/css?family=Bungee+Hairline|Raleway";.fyurirequest002{background-color:transparent;width:908px;height:408px;margin:auto}.fyurirequest002 div::-webkit-scrollbar{width:3px;background-color:transparent}.fyurirequest002 div::-webkit-scrollbar-button:no-button{background-color:#ffb7c3}.fyurirequest002 div::-webkit-scrollbar-track{background-color:transparent}.fyurirequest002 div::-webkit-scrollbar-track-piece:{background-color:transparent}.fyurirequest002 div::-webkit-scrollbar-thumb{background-color:#ffb7c3}.fyurirequest002 div::-webkit-scrollbar-corner{background-color:transparent}.fyurirequest002 div::-webkit-resizer{background-color:transparent}.fyurirequest002 img{border:4px double #ffb7c3;height:200px;object-fit:cover}.fyurirequest002 .imgsL{float:left;width:200px;max-height:400px;background-color:transparent;overflow:hidden;align:center}.fyurirequest002 .imgsR{float:left;width:200px;max-height:400px;background-color:transparent}.fyurirequest002 .header{font-family:'Bungee Hairline',cursive;font-weight:900;font-size:30px;color:#ffb7c3;-webkit-text-stroke:1px #ffb7c3}.fyurirequest002 .centercntr{float:left;width:500px;height:400px;background:#bcf4f5;background:-moz-linear-gradient(top,rgba(188,244,245,1) 0%,rgba(180,235,202,1) 35%,rgba(217,242,180,1) 65%,rgba(173,188,230,1) 100%,rgba(211,250,199,1) 100%);background:-webkit-linear-gradient(top,rgba(188,244,245,1) 0%,rgba(180,235,202,1) 35%,rgba(217,242,180,1) 65%,rgba(173,188,230,1) 100%,rgba(211,250,199,1) 100%);background:linear-gradient(to bottom,rgba(188,244,245,1) 0%,rgba(180,235,202,1) 35%,rgba(217,242,180,1) 65%,rgba(173,188,230,1) 100%,rgba(211,250,199,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#bcf4f5',endColorstr='#d3fac7',GradientType=0);padding:5px}.fyurirequest002 .centertop{width:100%;background-color:#ccc;margin:auto}.fyurirequest002 .centertop1{float:left;width:242px;height:200px;background-color:#fff;border:4px double #ffb7c3;padding:6px;font-family:'Raleway',sans-serif;margin-right:5px;overflow:auto}.fyurirequest002 .centertop2{float:left;width:242px;height:200px;background-color:#fff;border:4px double #ffb7c3;padding:5px;font-family:'Raleway',sans-serif;overflow:auto}.fyurirequest002 .centerbottom{float:left;width:100%;height:185px;background-color:#fff;border:4px double #ffb7c3;margin-top:5px;padding:5px;font-family:'Raleway',sans-serif;overflow:auto}</style>
 
It removes all whitespace in the CSS, basically turning pretty and organized code into a clusterfuck like this:

<style type="text/css">
@import "https://fonts.googleapis.com/css?family=Bungee+Hairline|Raleway";.fyurirequest002{background-color:transparent;width:908px;height:408px;margin:auto}.fyurirequest002 div::-webkit-scrollbar{width:3px;background-color:transparent}.fyurirequest002 div::-webkit-scrollbar-button:no-button{background-color:#ffb7c3}.fyurirequest002 div::-webkit-scrollbar-track{background-color:transparent}.fyurirequest002 div::-webkit-scrollbar-track-piece:{background-color:transparent}.fyurirequest002 div::-webkit-scrollbar-thumb{background-color:#ffb7c3}.fyurirequest002 div::-webkit-scrollbar-corner{background-color:transparent}.fyurirequest002 div::-webkit-resizer{background-color:transparent}.fyurirequest002 img{border:4px double #ffb7c3;height:200px;object-fit:cover}.fyurirequest002 .imgsL{float:left;width:200px;max-height:400px;background-color:transparent;overflow:hidden;align:center}.fyurirequest002 .imgsR{float:left;width:200px;max-height:400px;background-color:transparent}.fyurirequest002 .header{font-family:'Bungee Hairline',cursive;font-weight:900;font-size:30px;color:#ffb7c3;-webkit-text-stroke:1px #ffb7c3}.fyurirequest002 .centercntr{float:left;width:500px;height:400px;background:#bcf4f5;background:-moz-linear-gradient(top,rgba(188,244,245,1) 0%,rgba(180,235,202,1) 35%,rgba(217,242,180,1) 65%,rgba(173,188,230,1) 100%,rgba(211,250,199,1) 100%);background:-webkit-linear-gradient(top,rgba(188,244,245,1) 0%,rgba(180,235,202,1) 35%,rgba(217,242,180,1) 65%,rgba(173,188,230,1) 100%,rgba(211,250,199,1) 100%);background:linear-gradient(to bottom,rgba(188,244,245,1) 0%,rgba(180,235,202,1) 35%,rgba(217,242,180,1) 65%,rgba(173,188,230,1) 100%,rgba(211,250,199,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#bcf4f5',endColorstr='#d3fac7',GradientType=0);padding:5px}.fyurirequest002 .centertop{width:100%;background-color:#ccc;margin:auto}.fyurirequest002 .centertop1{float:left;width:242px;height:200px;background-color:#fff;border:4px double #ffb7c3;padding:6px;font-family:'Raleway',sans-serif;margin-right:5px;overflow:auto}.fyurirequest002 .centertop2{float:left;width:242px;height:200px;background-color:#fff;border:4px double #ffb7c3;padding:5px;font-family:'Raleway',sans-serif;overflow:auto}.fyurirequest002 .centerbottom{float:left;width:100%;height:185px;background-color:#fff;border:4px double #ffb7c3;margin-top:5px;padding:5px;font-family:'Raleway',sans-serif;overflow:auto}</style>

oh! i accidentally do this all the time by forgetting to actually put <style type="text/css"> (it becomes a paragraph) i had no idea it would help with people stealing my codes??? definitely gonna do this then. thank you for the tip @Pyosimros and thank you for explaining Fyuri!


@mortem you better do this too
 
It's not 100% foolproof.  But it is idiot proof against those who don't know what compressing/minifying code is.
 
How 70s of me.
 
God bless Dreamweaver and Notepad ++.

Lawd I miss Dreamweaver.  Used that when I was first making websites for myself, lol.  It's honestly how I started learning to do this stuff.
 
Lol, yeah i saw that.  They actually ripped the image from my code... I wonder how sad they would be if I were to remove it and replace it...
 

Users who are viewing this thread

Back
Top