These are layouts for advanced users who want to make their layout from scratch and customize everything exactly how they want with Firebug. Every selector is color-coordinated. For sites and pages I almost always use fully mapped layouts like this first then customize and code everything from here. It is an extremely useful and time-saving tactic for web design.
Version I Looks like this and is ready for Firebug, it is more broad than version II with less individual links and tab customization but all the main selectors are colored. I always start with this one.
Version II Here I updated Version I with an even more broken down version, every single section I could find and target has been color coordinated for Firebug! Its also on my alt account right here: http://myanimelist.net/animelist/ShishiExample
So i found somthing interesting.
Didnt know where else to put it so ill leave it here for now.
basicly its a 3D option thats in the beta version of firefox. I'm not sure if you've heard of it already, if so disregard this post.
Anyway you can spin it to any angle you like, here's the idea:
-Download the beta firefox
-right click
-hit 'Q'
-3D button at the bottom
Combined with firebug it might make for a usefull tool somewhat similar to this layout.
lol wtf its Firefox's secret weapon! That was the most unexpected addition in browser history. I think its cool tho. But I guess they had to come up with a way to say FUCK YOU CHROME!
I always saw Chrome as filling the hole that jaded Firefox users had because it became very bloated and slower at one point. Some people say nowadays it has too many add-ons now but you can just cut down on the add-ons so I don't see how thats a valid argument lol. Now Chrome seems less necessary as IE stole its style and Firefox is faster than it was a few years ago but not as fast as it was in the glorious early days. But alot of people like Chrome so..
Yeah, the same goes for Opera: you don't have to use full potential of this browser, but if you decide to, the web will be a bit more comfortable 4 u lol. I still have Opera Unite running for file uploading to my PC if e.g. someone asks for a help with C++ task (I've totally switched to dropbox for file sharing for this purposes recently).
I think that things that will keep Chrome alive are:
1) Google ads
2) Habit
3) n00bs in web
Well Chrome is a good balanced browser, and just the Google name alone will leave it alive permanently, cuz I can't see Google ever dying.
However it annoys me how Google tries to do everything tho. Gmail, the browser, and the search engine at the only things they did right imo, things like Google Plus are just annoying and unnecessary and I don't see why they're forced on me just cuz I use GMail.
Its reminds me of Walmart trying to make an imitation of every product but not as bad. Sure the Walmart brand hamburgers are good- but then they try to copy Mountain Dew which is PERFECT. No wonder my Walmart doesn't have room to carry caffeine-free Mountain Dew or Mello Yello, they have to blow space on the 1000 Walmart colas!
Oh, you know, I think of myself as of a power user at least and... (hate inside, you have been warned)
I FUCKING HATE THAT THIS GOOGLE CRAP INSTALLS INTO APPLICATION DATA FOLDER! WHO THE HELL THOUGHT THIS WAS A GOOD IDEA? GIVE ME NAME OF THE FUCKER AND A CHAINSAW!
Lol I don't like their browser either. Google Docs is quite useful for me though.
How could one insert a background image to each of the seperate #, anime, rating, etc. header sections? I tried using the usual background/background-image code and threw in the !important code but it doesn't work, though it *should* be possible to considering you can change the bacground color and the header completely simply using the .table_header section (though this just cuts off the image at individual sections 30px, 480px, 45px, 50px, 70px, and 125px and it doesn't look good).
erlbaum said: Someone is upset.
Who would want caffeine free mountain dew anyway?
lol just noticed this. I love the taste! But despite being in my twenties and "old" (phhhbt) I still have the energy of a 5-year old, so giving me any caffeine is like giving Peter crystal meth.
in each .table_header:nth-of-type(n)(where n is the number of column, 1 for #, 2 for Anime Title, 3 for Score...), just add:
background-image: url("http://url.of.the.image.png.or.wharever");
background-repeat: no-repeat; //if you don't want the image repeat.
background-size: width [height];
I already used that code. Perhaps im not putting the codes in the correct area (putting it all the way at the end like in the code list), but it's not displaying the image but rather a blank spot where it's meant to go. This is the code outline im working with:
/*
CUSTOM BANNER
"Background image" controls the image seen, change out the link to change the banner pic. Please leave everything else alone unless you know exactly what you're doing!
*/
CURRENTLY WATCHING/READING HEADER
This is the header above currently watching/reading. Increase the height if your image doesn't fit the header. Lower the margin-bottom below zero to move it behind the list.
*/
.header_cw {
background-image:url(http://i553.photobucket.com/albums/jj397/omarssikins/ikashan.png);
height: 200px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color: gray;
color: transparent;
font-size: 0px;
font-size: 0px;
font-size: 0px;
font-size: 0pt;
}
/*
COMPLETED HEADER
This is the header above completed animes and manga. Increase the height if your image doesn't fit the header. Lower the margin-bottom below zero to move it behind the list.
*/
.header_completed {
background-image:url(http://i553.photobucket.com/albums/jj397/omarssikins/ikashan.png);
height: 200px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color: gray;
color: transparent;
font-size: 0px;
font-size: 0px;
font-size: 0px;
font-size: 0pt;
}
/*
ON-HOLD HEADER
This is the header above your animes/mangas on-hold. Increase the height if your image doesn't fit the header. Lower the margin-bottom below zero to move it behind the list.
*/
.header_onhold {
background-image:url(http://i553.photobucket.com/albums/jj397/omarssikins/ikashan.png);
height: 200px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color: gray;
color: transparent;
font-size: 0px;
font-size: 0px;
font-size: 0px;
font-size: 0pt;
}
/*
DROPPED HEADER
This is the header above your dropped animes/mangas. Increase the height if your image doesn't fit the header. Lower the margin-bottom below zero to move it behind the list.
*/
.header_dropped {
background-image:url(http://i553.photobucket.com/albums/jj397/omarssikins/ikashan.png);
height: 200px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color: gray;
color: transparent;
font-size: 0px;
font-size: 0px;
font-size: 0px;
font-size: 0pt;
}
/*
PLAN TO WATCH/READ HEADER
This is the header above the anime/manga you plan to see or read on your list. Increase the height if your image doesn't fit the header. Lower the margin-bottom below zero to move it behind the list.
*/
.header_ptw {
background-image:url(http://i553.photobucket.com/albums/jj397/omarssikins/ikashan.png);
height: 200px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
}
/*
CUSTOM CATEGORY LINKS AREA
These codes control the spaces around the 6 links to your list categories. When you
customize these parts you will customize the link with it for the most part. See
Im thinking it's where im putting it but I tried moving it to the .table_header area and still the same thing.
Shishio-kun said:
erlbaum said: Someone is upset.
Who would want caffeine free mountain dew anyway?
lol just noticed this. I love the taste! But despite being in my twenties and "old" (phhhbt) I still have the energy of a 5-year old, so giving me any caffeine is like giving Peter crystal meth.
