Forum Settings
Forums

[CSS - CLASSIC] All top bar mods for your list with animated previews

New
This topic has been locked and is no longer available for discussion.
Pages (2) « 1 [2]
Oct 21, 2014 5:14 AM

Offline
Oct 2014
10
AllenVonStein said:
hello everyone!

I want to ask about a problem that I have with my anime list. it seems I cant remove the the top black bar

I have read :
TO REMOVE THE BLACK BAR
Add this import code to the top of your CSS edit box:

@import "https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Special/DeleteTopbar.css";

but it doesn't work.

thanks for any help.

here is my list style:
Can't you just changed it to one of the ones from this forum post, or do you want it gone completely ?

This would suite your list imo.

Oct 21, 2014 6:46 AM

Offline
Jan 2012
31477
xbpxsh0cks said:
AllenVonStein said:
hello everyone!

I want to ask about a problem that I have with my anime list. it seems I cant remove the the top black bar

I have read :
TO REMOVE THE BLACK BAR
Add this import code to the top of your CSS edit box:

@import "https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Special/DeleteTopbar.css";

but it doesn't work.

thanks for any help.

here is my list style:
Can't you just changed it to one of the ones from this forum post, or do you want it gone completely ?

This would suite your list imo.



okay I got it to work thank you very much for the help! This is EXACTLY what I was looking for!

Oct 25, 2014 5:06 PM

Online
Feb 2010
12630
I've restored the many broken topbar links and lost icons here- many of the imports were replaced. I also fixed up many of the codes and added 4 new versions of popular topbars that don't need to be imported (so they will never crash!) and you can customize the colors and more now. Best of all I've even added new topbars which came up since this was made.

Under each imported code you'll see "codes to import yourself" these are copies you can import yourself if the topbar import ever stops working. I'll expand on this all later.
Oct 25, 2014 7:26 PM

Online
Feb 2010
12630
Rokumi said:
Works good when I'm logged in and viewing my list, but when I log off and view my list, it looks like this



Any way I can fix this?


It also would be really nice if you could re-upload the Blue Icon bar style.


Use one of the new versions I've added, they shouldn't have this error.
Oct 25, 2014 8:02 PM
Offline
Sep 2014
1254
Shishio-kun said:
Rokumi said:
Works good when I'm logged in and viewing my list, but when I log off and view my list, it looks like this



Any way I can fix this?


It also would be really nice if you could re-upload the Blue Icon bar style.


Use one of the new versions I've added, they shouldn't have this error.

Yup, works now, thanks!
Nov 3, 2014 4:52 PM

Offline
Sep 2012
105
Customizable ones, yaaay! Thank you so much!
Nov 16, 2014 1:03 PM

Offline
Apr 2014
11204
I want to add the space topbar with stars to my list, but it glitches out when I add it. Does anyone know how to fix it?
Nov 17, 2014 1:10 PM

Online
Feb 2010
12630
Milk_is_Special said:
I want to add the space topbar with stars to my list, but it glitches out when I add it. Does anyone know how to fix it?


Space bar uses codes from the table header and category links. So anything that customizes these parts in your layout will conflict with those space bar codes. You have to take out those parts in your layout CSS that conflict or match the codes from it.
Nov 17, 2014 1:25 PM

Offline
Apr 2014
11204
Shishio-kun said:
Milk_is_Special said:
I want to add the space topbar with stars to my list, but it glitches out when I add it. Does anyone know how to fix it?


Space bar uses codes from the table header and category links. So anything that customizes these parts in your layout will conflict with those space bar codes. You have to take out those parts in your layout CSS that conflict or match the codes from it.
Ok, thank you very much :)
Dec 12, 2014 12:25 PM

Offline
Jan 2014
198
Thank you very much for these, my top bar hadn't been working properly for a while.
“We see what we want to see”
Feb 8, 2015 8:55 PM

Offline
Apr 2014
2448
I'm kind of a novice when it comes to css code. I've been experimenting With list layouts and topbars. I got the black bar off, and imported a different one. My dilemma is my search button is way off line with the other buttons. It also overwrites the other code I had for fonts and list design. I thought this was just for a top bar?Is there anyway I could get some help?

Here is the one I imported- http://tny.cz/fc32710f (Icon-style topbar (darker), left align)
Thanks.
WingsFeb 10, 2015 7:47 PM
---------My Profile------------
Feb 17, 2015 4:19 AM

Offline
Nov 2014
403
There isn´t any possibility to change the side of the top bar menu? Because when the list in on the right side, it will conflict with the list :/ i mean if we scroll down the page, it will be over the list and that's something that i truly hate :/

i've tried by my self but it didn´t worked out, glitches all over the place.

Apr 13, 2015 5:41 AM

Offline
Feb 2014
185
Hello! is it possible to fix the "Vertical Icon Menu" buttons? because it seems like they are crushed or maybe smth's wrong with the link, thanks.
it appears like this: http://prntscr.com/6t732d
EmiyuApr 13, 2015 5:45 AM
Apr 13, 2015 6:06 AM

Offline
Jan 2012
1578
If you need someone's help you should provide your code
The menu works fine for me
Jun 2, 2015 11:52 AM

Offline
Jun 2011
702
Hello, I use the icon-styled topbar, any idea how I can make the icons semi transparent? I tried changing the opacity and using rgba, but it doesn't seem to work :(
Jun 2, 2015 1:15 PM

Offline
Mar 2013
20
ikazuuyr said:
Hello, I use the icon-styled topbar, any idea how I can make the icons semi transparent? I tried changing the opacity and using rgba, but it doesn't seem to work :(


setting the opacity for the icons should work like this:
#mal_cs_listinfo, #mal_cs_links, #mal_cs_otherlinks, #mal_cs_powered {
  opacity: 0.7;
}
#mal_cs_listinfo:hover, #mal_cs_links:hover, #mal_cs_otherlinks:hover, #mal_cs_powered:hover {
  opacity: 1;
}
Jun 2, 2015 1:47 PM

Offline
Jun 2011
702
Redlord307 said:
ikazuuyr said:
Hello, I use the icon-styled topbar, any idea how I can make the icons semi transparent? I tried changing the opacity and using rgba, but it doesn't seem to work :(


setting the opacity for the icons should work like this:
#mal_cs_listinfo, #mal_cs_links, #mal_cs_otherlinks, #mal_cs_powered {
  opacity: 0.7;
}
#mal_cs_listinfo:hover, #mal_cs_links:hover, #mal_cs_otherlinks:hover, #mal_cs_powered:hover {
  opacity: 1;
}


That worked perfectly, thanks! :)
Jun 14, 2015 8:10 AM

Offline
Nov 2014
403
So I wanted to edit the "Pink Tab menu" but when I get the links from the import to my list (I copy and paste them into my css) they glitch and I can´t do antyhing with them. So, is there any possibility to change it (like the colors and the background image) or they can not be changed .. ?

Aug 13, 2015 9:42 PM

Offline
Jul 2015
820
I'm using the clean topbar, and it looks like this instead of the preview:

The MAL link on the left is slightly out of place and scrolls with the page even though the bar's position is set to absolute, and the logout icon is dead.

Might be a bit easier to see it on my list.
Aug 14, 2015 6:11 PM

Offline
Apr 2012
181
@Doomcat55

All the top bars need to rewrite some things as MAL change their display properties and elements.

But a quick fix to your top bar is:
form[action*="logout"] a {
    display: block !important;
    text-align: center !important;
    height: 38px !important;
    border-right: 1px solid #808080;
    border-left: 1px solid #808080;
    text-indent: -9999em !important;
    background-color: #640000 !important;
    background-image: url("http://i.imgur.com/QNGfyAV.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

Because they change the way of the logout action and the one in the code of the topbar doesn't work anymore.

Also I think the background is missing but I didn't located that part yet

Soon I will submit all the changes to the topbars to Shishio-kun so he can update the codes and then no need to external fixes like this.
Aug 15, 2015 7:15 PM

Offline
Jul 2015
820
Thanks, the logout icon is back on.

Anything on the MAL link?

Also, I changed the background myself, but I think the image might be down anyways.
Aug 16, 2015 6:06 AM

Offline
Apr 2012
181
Ah, I didn't see that...

For the place, is where it supposed to be, and is 1 px higher than all the other links in the bar, but because of the background change it seems different.

And that icon have it's own set of properties, and have position:fixed, so change that to absolute in:
#mal_cs_links a[href="/"] {
Aug 16, 2015 2:00 PM

Offline
Jul 2015
820
Thanks!
Sep 25, 2015 7:50 AM
Offline
Jul 2018
561912
Shishio,I'm new and I don't know too much about CSS,but after using the "Icon-style topbar (darker icons)-left side version". I have noticed this:

I have fixed the problem though. Line 125 "padding: 6px 0 0 !important;" should be "padding: 6px 0 6px !important;" instead.

I made this post just in case someone else couldn't fix this problem.

Also it seems that on chrome it doesn't show right:

I don't use chrome so it doesn't bother me, but it may be an issue some people might have.
Jan 3, 2016 9:38 AM
✨ a lil bean ✨

Offline
Feb 2011
18420
Hello. I'm importing the Clean topbar and this happened

Doomcat55 said:
...it looks like this instead of the preview:

... the logout icon is dead.
** the logout icon only
al_exs said:
Soon I will submit all the changes to the topbars to Shishio-kun so he can update the codes and then no need to external fixes like this.
Was this done or it just died again?
SheyCroixJan 3, 2016 9:39 AM

HiScoreLoScoreAuction

Turn-InsAWCc

ᓚᘏᗢ

Jan 3, 2016 3:44 PM

Online
Feb 2010
12630
SheyCroix said:
Hello. I'm importing the Clean topbar and this happened

Doomcat55 said:
...it looks like this instead of the preview:

... the logout icon is dead.
** the logout icon only
al_exs said:
Soon I will submit all the changes to the topbars to Shishio-kun so he can update the codes and then no need to external fixes like this.
Was this done or it just died again?


Ah actually I didn't add them to this topic in particular, but I still have his PM saved tho so I will do that later today maybe. Glad it got brought up cuz I been meaning to do this since fall
Jun 13, 2016 7:15 AM

Offline
Dec 2015
7
Hey!

I need some help with an issue I have. The SAO topbar i quite neat, but I have a glitch. Can someone help me fix this, and possibly make the search bar parallel with the MyAnimeList-button. (I would also like to change the color from orange to: rgba(4, 83, 87, 0.89)

Pic: https://gyazo.com/f7258ba5ca6976588e677c26134c1054

Code: http://pasted.co/5ef65ea6
TuttizackJun 13, 2016 7:34 AM
Sep 4, 2016 9:13 PM
Offline
Jul 2015
1
Hey guys, first time posting. I'm not really knowledgeable when it comes to css code.

I've been playing around with my css for the past few days and I'm nearly done. The problem I've encountered is that the icons are in the middle to the right.

One of the icons also appear to be missing, and my headings below an image vanishes.

Before and after pics: http://imgur.com/a/juOLI

Sorry if my description of it is poor.
Oct 12, 2019 10:03 PM

Online
Feb 2010
12630
All the topbar codes in the opening post should be repaired and working now!

I had to remove some that seemed to be lost to dead Dropboxes.

Some redundant colored icon bars were removed since they were broken and you can recolor the default icon bars anyway you want anyways.

As more layouts get fixed, hopefully we can add back some custom topbars!
This topic has been locked and is no longer available for discussion.
Pages (2) « 1 [2]

More topics from this board

» theme help

threat - Jul 5

5 by Zaryf »»
Aug 21, 5:46 AM

» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )

Valerio_Lyndon - Apr 19, 2018

1261 by KiranaStarr »»
Aug 16, 5:48 PM

» [CSS] ⭐️ Customize your List Cursor + Cursor Fixes

Shishio-kun - Mar 8, 2021

30 by Shishio-kun »»
Jul 28, 3:17 AM

» How To Have Different Banner/Cover image & Background Image For Manga & Anime Lists

YasminaRegina - Jul 25

2 by YasminaRegina »»
Jul 26, 1:02 AM

Sticky: » 💚 [REPAIR STICKY] Repair/speed up layouts + Request layout fixes ( 1 2 )

Shishio-kun - Nov 17, 2023

52 by LucaBalsa »»
Jul 6, 2:02 PM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login