[CSS - CLASSIC] Extending your tag reviews with no text limit!

Shishio-kun said:
To add the gap between the tag and extended tag I use this code, thanks to U531355 for it:



Have fun adding and extending your reviews! Ask here if you have any questions or problems with this!

dperolio said:


You can also just do it by using /A and white-space: pre-wrap;

For example:

content: "This dialogue-heavy anime is about players in a virtual reality MMORPG. /A /A The only good thing about Sign is the misleading opening. Click the music note to see it! The actual show is a terrible adaption of the game with boring dialogue and little action. For great RPG-style anime, try Star Ocean or Record of Loddoss War. Sword Art Online is decent and based on virtual MMORPGs. Chobits and Paranoia Agent actually have excellent MMORPG-based episodes too!";
white-space: pre-wrap;

This would yield your above example.

Shishio-kun said:
I prefer it that way cuz you can write short reviews using the edit buttons right on the list, its more convenient.

Shishio-kun said:



An example of a short tag review made with our reviewer-style premade layout.


If you use a reviewer style layout or have tag reviews like me, you probably found that normally you can't input more than a few lines for mini-reviews on each anime no matter how much room you have. Here's a way to bypass that! You can even replace using tags for reviews with this method, and it will still be in your tag spot.


Step 1. First find the anime on your list you want to add more review to in your CSS edit box. Hover over its title and find the number that appears on its link. It should be visible on the lower left of the screen. The number is also on the address when you click on the anime.

For this anime Naruto Shippuden its 1735.



Step 2. Now with that number in mind, copy and paste this code to your CSS edit box.



Replace the red * with the number you got in step 1. Make sure you don't leave spaces.

Now whatever text you put in the parenthesis will be added to the tags on that anime! See here-

This is how the code looks in my CSS edit box


This is how it looks on my list now, an extended review with no limit


Its that easy. You can control the text color and size with the color and font-size options. There's no limit to how much text you can add to a tag review this way. You can even replace all your tag reviews this way if you want. Also, put a space in the start of the review text so it doesn't start right after the period from the original tag text.



Add a gap between tag and extended tag!
On my list, I use this trick too, but I like to add a gap between the tag text and extended tag text you make with this review. I put the basic info or plot in the tag, and the mini review as the extended review.

note: I further distinguish them with a difference in font size!


To add the gap between the tag and extended tag I use this code, thanks to U531355 for it:



Have fun adding and extending your reviews! Ask here if you have any questions or problems with this!

Fernando-Lopes said:


For this premade, where do I put this code?
https://controlc.com/5e97d63b

Fernando-Lopes said:
For this premade, where do I put this code?
https://controlc.com/5e97d63b

Shishio-kun said:
Try the bottom

Fernando-Lopes said:


This one?

/*
OTHER CODES
*/
#mal_control_strip {
background-position: bottom !important;
top: -16px;
height: 1px !important;}
#mal_control_strip div {display:inline}

Shishio-kun said:


???

I don't even know what thats from I dont think it has anything to do with this topic

Install a layout with the tutorial in the stickies, add any new codes to the bottom of the CSS unless you're told otherwise. If they don't work they probably conflict with your layout and need to be edited with Inspect Element (see video on channel).

Fernando-Lopes said:


I tried inserting the extended tag code into the CSS, but it didn't work in this theme.
I'll try editing with Inspect Element, thanks ^^

/*
OTHER CODES
*/
#mal_control_strip {
background-position: bottom !important;
top: -16px;
height: 1px !important;}
#mal_control_strip div {display:inline}

Shishio-kun said:



You didn't explain why you brought this up. Does it have something to do with this topic? Are you adding it, is there a problem with it, or do you think its the bottom...??



Anyways, this is the bottom of your CSS outlined in red:






Codes go underneath everything else at the bottom after those copyright codes cuz those are the last codes

The codes in the opening post work but need to be modified, you need to add this to the bottom first:


/*
Display Tags as comment
*/
span[id*="tagRow"] {
display: none !important;
}
/*
Hide tags as links
*/
span[id*="tagLinks"] {
display: block !important;
}


Then add this to the bottom. This adds new text to the top anime on your currently watching

td.td1 span#tagLinks48455:after, td.td2 span#tagLinks48455:after{
content: " NEW TEXT HERE";

color: red;
font-size: 14px;
}




And from there you can add new ones or modify them.