User:HiEv: Difference between revisions
mNo edit summary |
(→User CSS Tricks: Added Worf's CSS tricks (need descriptions)) |
||
Line 97: | Line 97: | ||
Hide tool tips, such as the descriptions you get when you hover over [[Categories]] and [[Tags]] on the anime pages. | Hide tool tips, such as the descriptions you get when you hover over [[Categories]] and [[Tags]] on the anime pages. | ||
'''Worf's CSS tricks:''' | |||
#layout-main div.anime_all ul.links_top, #layout-main div.character_all ul.links_top {display: inline;} | |||
(Add description here.) (?) | |||
#layout-main div.anime_all div.forum {display: none;} | |||
(Add description here.) (?) | |||
#layout-main p.mylistadd {display: none;} | |||
(Add description here.) (?) | |||
textarea[name="adda.other"] {height: 400px; width: 650px;} | |||
(Add description here.) (?) | |||
#layout-main div.userpage_all div.stats div table th.field, | |||
#layout-main div.myplace_all div.stats div table th.field {white-space: nowrap; width: 10em;} | |||
(Add description here.) (?) | |||
#layout-main div.userpage_all div.stats div table td.value, | |||
#layout-main div.myplace_all div.stats div table td.value {white-space: nowrap; text-align: right; width: 15em;} | |||
(Add description here.) (?) | |||
#layout-main div.addcharanimerel_all tr.char_added {display:none;} | |||
(Add description here.) (?) | |||
#layout-main div.block {display: block;} | |||
#layout-main div.block div.data {width: auto;} | |||
#layout-main div.block div.image {width: auto; float: left; margin-left: 2em;} | |||
#layout-main div.desc {clear: left;} | |||
(Add description here.) (?) | |||
span.date, span.user a.id, td.id, td.size {letter-spacing: 0px} | |||
span.time, span.user a.id, td.rating span, a.filter {font-size: 100%; vertical-align: top;} | |||
(Add description here.) (?) | |||
#layout-main td.number.undumped {visibility: hidden;} | |||
#layout-main td.number.undumped.notalldumped, | |||
table.filelist td.date.added, table.filelist tr.undumped td.id, | |||
table.filelist tr.undumped td.action {visibility: visible; background-color: #900000; color: #000000;} | |||
(Add description here.) (?) | |||
#layout-main tr.complete, #layout-main div.g_section.mylist, | |||
#layout-main td.user.onhdd, td.user.oncd, td.verified.yes {background-color: #006000;} | |||
#layout-main tr.dropped, #layout-main tr.unknown, | |||
#layout-main td.user.deleted {background-color: #900000;} | |||
#layout-main tr.finished {background-color: #000090;} | |||
#layout-main tr.stalled, td.verified.no {background-color: #A05000;} | |||
(Add description here.) (?) |
Revision as of 00:49, 18 May 2009
ToDo
Finish writing Latest.
Walkthroughs for:
- Setting up Latest filters
- Searching on Categories and such
- Adding Groups
- Submitting files to AniDB using AVDump
- Adding a single file (improve/update Tutorial:How to Add Files for Dummies!)
- more like delete and rewrite. tards have an attention span of like 5s. if it's too long then it's just done wrong.
- Adding many files
- How to avoid 24 hour anti-leech bans (use Applet, eD2KDump, AOM, etc.)
- Create User CSS Tricks page (add more tricks below first; come up with a better page name?)
- etc...
Fix images in Notifications.
Update various wiki entries that need updating.
Work on wiki entries that need to be written.
Search forums for FAQs.
User CSS Tricks
Note | List needs to be organized or grouped in some way. Show sample images? Test tricks with "(?)" and better explain what they do. |
#layout-menu li.X {display: none;}
Hide visible left-hand menu options. "X" can be: main, search, calendar, schedule, random, latest, anime, character, creator, group, user, producer, category, tag, collection, song, myplace, mlist, mymessages, mynotifies, mywishlist, myvotes, myreviews, myentries, mycreqs, myreports, mysignatures, applet, ed2kdump, report, forum, irc, credits, or staff.
#layout-menu li.X {display: list-item;}
Show hidden left-hand menu options. The "X" can be any of the X's listed in the previous trick, however only the options mynotifies, mywishlist, myreviews, and mycreqs are hidden by default in the anidbstyle.css style. The options that are hidden by default may be different in other styles.
#layout-content div.anime_all div.tagcloud {display:none;}
Hides Tag cloud without hiding Categories from Info box.
#layout-content div.anime_all div.categories {display:none;}
Hides Categories cloud without hiding Categories from Info box.
#layout-main div.anime_all ul.links_top {display:inline;}
Makes topbar visible.
#layout-main div.anime_all div.desc {display: none;}
Want to hide anime descriptions so you don't see any spoilers? Use this trick or see the next trick.
#layout-main div.anime_all div.desc {background-color:#000000;}
This trick will put a black background behind the black text in the anime description, making it invisible unless you select the text (or just hit CTRL+A to select all text on the page in most browsers). This is like the previous trick, but it gives you an easy way to read the anime's description if you want to. (Change the #000000 to the text colour if your text isn't black. For example #FFFFFF for white text.)
#layout-nav:before {background-image: url(X);}
Use this trick to change the top-left picture shown in the sub-blue, sub-brown, and sub-silver styles. Just substitute a picture URL (preferably 100x100 pixels in size) for the "X".
#layout-main div.forum div.signature {margin-left: 1em;}
Fix display of signatures in forum and messages for Opera.
.vote {font-weight: bold;} .temp {font-weight: normal; font-style: italic;}
Shows temporary votes in italic and permanent votes in bold.
.high {color: darkgreen !important;} .mid {color: darkblue !important;} .low {color: darkred !important;}
This colours your votes depending on your score. Red for low votes, blue for middle votes, and green for high votes. These colours may be hard to see with some styles.
.verified.no {color: darkred;} .verified.yes {color: darkgreen;}
This colours for the verification status for a file. If it is dark red then the file needs to be dumped with AVDump. Dark green means the file has already been verified. Also colours the verification status of language names.
*[type="text"]:hover {background-color:#AAAAFF;}
Colors Textfields on hover. (?)
#layout-main tr:hover, #layout-main tr.g_odd:hover {background-color:powderblue !important;}
Colors Tablerows on hover. (doesn't look so good) (?)
#layout-hint {background-color:#4A4A5A; top: 79px; left: 189px; color: #FFFFFF; width:auto; text-align:left; border:none;} #layout-hint span.link, #layout-hint a:visited, #layout-hint a:active, #layout-hint a:link {color:#AAAAAA; text-decoration:none;}
Repositions and re-colours Hint Bar to blend into the "anidbstyle*" styles. (use MovedHintBar.jpg ?)
#tooltip {display:none;}
Hide tool tips, such as the descriptions you get when you hover over Categories and Tags on the anime pages.
Worf's CSS tricks:
#layout-main div.anime_all ul.links_top, #layout-main div.character_all ul.links_top {display: inline;}
(Add description here.) (?)
#layout-main div.anime_all div.forum {display: none;}
(Add description here.) (?)
#layout-main p.mylistadd {display: none;}
(Add description here.) (?)
textarea[name="adda.other"] {height: 400px; width: 650px;}
(Add description here.) (?)
#layout-main div.userpage_all div.stats div table th.field, #layout-main div.myplace_all div.stats div table th.field {white-space: nowrap; width: 10em;}
(Add description here.) (?)
#layout-main div.userpage_all div.stats div table td.value, #layout-main div.myplace_all div.stats div table td.value {white-space: nowrap; text-align: right; width: 15em;}
(Add description here.) (?)
#layout-main div.addcharanimerel_all tr.char_added {display:none;}
(Add description here.) (?)
#layout-main div.block {display: block;} #layout-main div.block div.data {width: auto;} #layout-main div.block div.image {width: auto; float: left; margin-left: 2em;} #layout-main div.desc {clear: left;}
(Add description here.) (?)
span.date, span.user a.id, td.id, td.size {letter-spacing: 0px} span.time, span.user a.id, td.rating span, a.filter {font-size: 100%; vertical-align: top;}
(Add description here.) (?)
#layout-main td.number.undumped {visibility: hidden;} #layout-main td.number.undumped.notalldumped, table.filelist td.date.added, table.filelist tr.undumped td.id, table.filelist tr.undumped td.action {visibility: visible; background-color: #900000; color: #000000;}
(Add description here.) (?)
#layout-main tr.complete, #layout-main div.g_section.mylist, #layout-main td.user.onhdd, td.user.oncd, td.verified.yes {background-color: #006000;} #layout-main tr.dropped, #layout-main tr.unknown, #layout-main td.user.deleted {background-color: #900000;} #layout-main tr.finished {background-color: #000090;} #layout-main tr.stalled, td.verified.no {background-color: #A05000;}
(Add description here.) (?)