This . . .

Discussion in 'The Spam Zone' started by Technic☆Kitty, May 3, 2013.

  1. Technic☆Kitty Hmm

    Joined:
    Apr 2, 2010
    Gender:
    Male
    Location:
    Indiana, USA
    1,299
    Took an unbelievable length of time for what should have been simple coding. Sadly Xenforo kept boinking my custom css and this is as far as I got. Looks good, right?

    Capture.PNG
     
  2. KeybladeSpirit [ENvTuber] [pngTuber]

    Joined:
    Aug 1, 2007
    Gender:
    Girl ️‍⚧️
    Location:
    College
    2,178
    Not really. All of that pink goes terribly with all of that blue.

    Also, why do you hate Misty?
     
  3. Technic☆Kitty Hmm

    Joined:
    Apr 2, 2010
    Gender:
    Male
    Location:
    Indiana, USA
    1,299
    Two things:

    First, I did mention that was as far as I got at the time, right?

    Second, I don't hate Misty. In fact, Misty is the coolest admin ever. Sorry RvR. I don't know how testing my css skills is hate towards Misty.
     
  4. KeybladeSpirit [ENvTuber] [pngTuber]

    Joined:
    Aug 1, 2007
    Gender:
    Girl ️‍⚧️
    Location:
    College
    2,178
    I was just stating my opinion based on what I saw. My opinion may change depending on what the final product looks like.

    Well, she slaved over a hot keyboard to craft this theme with her own two hands and you've been modifying it, albeit only locally.

    Also, I thought it was clear that I was being less than serious.
     
  5. SplitOverload Chaser

    Joined:
    Sep 30, 2006
    Gender:
    Male
    Location:
    New York, NY
    179
    Why do you hate Misty so much?
     
  6. Misty gimme kiss

    Joined:
    Sep 25, 2006
    Gender:
    Cisgender Female
    Location:
    alderaan
    6,590
    Actually I am very glad to see this because
    I imagine this might give Nights a new-found appreciation for how long it takes to design & code an entire theme from scratch.
     
  7. KeybladeSpirit [ENvTuber] [pngTuber]

    Joined:
    Aug 1, 2007
    Gender:
    Girl ️‍⚧️
    Location:
    College
    2,178
    I already thought it took, like, years.
     
  8. Misty gimme kiss

    Joined:
    Sep 25, 2006
    Gender:
    Cisgender Female
    Location:
    alderaan
    6,590
    KHV 7.0 was started in, I think November of 2012. I released it in February. That's three months there, which isn't a small amount. However, I also go to college, work part-time, and work on styles on-and-off. If I had no other commitments I could probably get them done a lot faster.

    But yeah, in order to get styles out for the anniversary in December I usually start them in the summertime.
     
  9. KeybladeSpirit [ENvTuber] [pngTuber]

    Joined:
    Aug 1, 2007
    Gender:
    Girl ️‍⚧️
    Location:
    College
    2,178
    Naw, I don't think even you could work that fast. It's pretty obvious that you've had all of this planned out since you were conceived and started coding the CSS for it as soon as you were born 12 years later.
     
  10. Technic☆Kitty Hmm

    Joined:
    Apr 2, 2010
    Gender:
    Male
    Location:
    Indiana, USA
    1,299
    I doubt it's going to be finished as there are certain aspects of the style I cannot change using custom css as Xenforo likes to throw it out when I try. Like the navbar for instance. I can't seem to get the custom css for it to work.

    And I appreciate her hard work to bring us an excellent theme. As I've said, I'm testing my skills with css. This isn't about not liking Misty's theme because I love her theme. It's absolutely lovely.

    It took me almost three days to get out a 'decent but not the greatest' theme for an acquaintances site. It was pretty basic, and came no where close to being as good as KHV 7.0 but it was 'meh'. I had a page to sort of base a template off of anyway, he said he wanted the site to look like a home page he already had set up. Even in three days, going through and finding all the right templates for the custom work, and even finding the right style properties was pretty annoying. Though it's fun to see something come to life after all your hard work ^^

    Three months? That's a very long time. Of course considering all else you have going on I can believe it. Even without anything else to do, solely working on a style, I'd still say about a week maybe two for KHV 7.0 at the minimum. It took a lot of hard work, and it definitely shows. And that is why we all love you so much ^^[DOUBLEPOST=1367759982][/DOUBLEPOST]So I decided to improve upon the coding, and figured out the things I couldn't before. Here's the finished product.

    Header2.PNG

    Sections.PNG

    Sidebar.PNG

    Capture.PNG

    As you can see I changed the background image to a smaller size, changed the forum node icons, changed the footer/copyright information design. A few other things. Actually, for the Waindigo copyright, I had to change/edit that via html editor with 'inspect element' because there wasn't necessarily a css class I could change it with. So that wasn't permanent, just temporary for a screen, then it went away when I refreshed. Other than that, everything else was changed via css.

    Thoughts?
     
  11. T3F Chaser

    Joined:
    Mar 16, 2008
    Gender:
    Female
    809


    There's no staff online in that pic...
    QUICK! DELETE IT BEFORE AMAURY SEES!!!!

    All honesty dude I like it, but I think the butterflies are a little too bold so u can't really read the text properly

    also you have to teach me how to do that because it looks awesome!
     
  12. Technic☆Kitty Hmm

    Joined:
    Apr 2, 2010
    Gender:
    Male
    Location:
    Indiana, USA
    1,299
    lol, I don't know if I'd be able to teach you. I learned most of what I know by myself. I noticed the text in the title was hard to read so I did this . . .

    Titlebar.PNG

    Do you have any experience at all with css/web design? I suppose I could make a tutorial for how to change basics, for anyone who'd be interested. Not everything changes though. I was solely working on the main index right there. If I were to go into a forum, most of the colors would go back to default. Since everything has to be done with individual css classes, I can't make a site wide change. There are some things you can change globally, like the background of the main document (the butterflies) or the link color, as well as a few other things. You just need to find the right class. You'll need either Chrome, which comes with 'Inspect Element' which is what I use, or Firefox with the add-on 'Firebug'. This will allow you to find specific classes for things you'd like to change.

    I recommend using an add-on called Stylish for custom CSS. If you're not looking to change a lot I can give you the code you'd need to change and how to do it.

    For instance, if you want to change the document background:

    Code:
    html {background: #000000 url('insert-link-here') !important; }


    I'll break this down. At the beginning of this code you see 'html' which is the class you're currently wishing to define. Next you see a '{' that tells the computer/browser that the coding that is going to style/define that class is coming next. Next is the 'background:' which tells the browser you are defining the background of the class. Then you see '#000000' which is what is called a hex color. This is the simplest way, in my opinion, to define a color. You can go here to get hex colors easily. Next up is 'url' which is telling the browser you'll be using an image from a url/link. You're link goes inside the '(' and ')' symbols. Make sure to wrap apostrophes around the link. Like so, ('link'). Now comes the important part, the !important code. This tells the browser to use this definition instead of the current one on the site. Without this code, the browser will overlook your custom css and use the default provided by the site. After all definitions have been made, you will need to place a semi-colon at the end. It's not always necessary, especially if there's only one definition for a class. It's to separate multiple definitions being made for the same class. I always place it at the end anyways. Now for the real end, the '}' which informs the browser that the definition for, defining of, this class is done.

    For more info/directions or more classes you'd like to customize, feel free to send me a Personal Conversation. I'll gladly answer any questions ^^ Also if you have any questions regarding how to change/add custom CSS using stylish.
     
  13. KeybladeSpirit [ENvTuber] [pngTuber]

    Joined:
    Aug 1, 2007
    Gender:
    Girl ️‍⚧️
    Location:
    College
    2,178
    Overall, it's much better than your original post, but I have two issues.

    First, I don't like the green links. Green and pink just don't go together well here, at least not that particular shade of green. It might work better if you make the green a little paler (not lighter, paler) and incorporate a bit more of the same pale green into the rest of the design. As it is now, the pink is a bit overwhelming and makes the green pop too much.

    Second, that dark background doesn't work very well at all. I'd suggest a very light, pale blue to contrast the pink of the butterflies.

    Other than those things, it looks very good.
     
  14. Calxiyn Keyblade Master

    Joined:
    Jun 6, 2012
    Gender:
    Cisgender Female
    884
    I really like this! It's really really awesome! :D I agree Gandalf though, The Butterflies are like really cute but the background is a little dark, something like a sky blueish colour would look better. I really like the green too it just makes the links pop, and I can't see things very well, so the bright colours help a little. Seriously this is sooooo cute! I would use it ;-)
     
  15. KeybladeSpirit [ENvTuber] [pngTuber]

    Joined:
    Aug 1, 2007
    Gender:
    Girl ️‍⚧️
    Location:
    College
    2,178
    The butterflies are similar to really cute. I agree with you there. However, I think that sky blue would blend with the antennae too much. I still think that the pale blue that I showed the would work better.
     
  16. 61 No. B

    Joined:
    Jul 23, 2011
    3,455
    KHV is beautiful as it is; you should be ashamed.
     
  17. KeybladeSpirit [ENvTuber] [pngTuber]

    Joined:
    Aug 1, 2007
    Gender:
    Girl ️‍⚧️
    Location:
    College
    2,178
    This is exactly what I was trying to say earlier.
     
  18. SplitOverload Chaser

    Joined:
    Sep 30, 2006
    Gender:
    Male
    Location:
    New York, NY
    179
    All in favor of having Nights theme over mistys forever
     
  19. KeybladeSpirit [ENvTuber] [pngTuber]

    Joined:
    Aug 1, 2007
    Gender:
    Girl ️‍⚧️
    Location:
    College
    2,178
    Not unless he fixes the background and the links.
     
  20. Technic☆Kitty Hmm

    Joined:
    Apr 2, 2010
    Gender:
    Male
    Location:
    Indiana, USA
    1,299
    Using those exact colors, like this?

    Capture.PNG