Lists  Reviews  Images  Update feed
MoviesTV ShowsMusicBooksGamesDVDs/Blu-RayPeopleArt & DesignPlacesWeb TV & PodcastsToys & CollectiblesComic Book SeriesBeautyAnimals   View more categories »
Listal logo
Added by jaytoast on 29 Dec 2011 12:49
5838 Views 26 Comments

Advanced List Editing

Sort by: Showing 13 items
Decade: Rating: List Type:

Creating a Header Type Text


Changing the size of text in the list area

<h3>Changing the size of text in the list area</h3>

This is the only way I know how to change the size of the font. It is actually considered a "Header" text but it works and can be effective if used sparingly.
jaytoast's rating:
People who added this item 35 Average listal rating (23 ratings) 7.2 IMDB Rating 7.4

Even Larger Text


The Brute!

<h2>The Brute!</h2>

Thanks to Mejo โ™ฅโ™ซ for this one.
People who added this item 334 Average listal rating (164 ratings) 6.6 IMDB Rating 6.8

To Center an Image or Text


New Zealand

<center>New Zealand
[img id=1358394 width=500full]</center>

Any text or image code that you put between the 'center' tags will be centered on the list.
jaytoast's rating:
People who added this item 26 Average listal rating (11 ratings) 6.9 IMDB Rating 6.5

Wrapping Text Around an Image


The Amazing Mr. X (aka The Spiritualist) is an atmospheric 1948 thriller starring Lynn Bari. Bari plays Christine Faber, a young widow who, after two years, is still finding it hard to move on with her life and come to terms with the death of her husband Paul.


[img id=1601633 width=250full align=right]

Note that I changed the image size from the default "width=500full" to "width=250full" this is to give space for the text you want to run along side the image.

You can also use "align=left" if you want the image on the left hand side of the text.

You will want to place the code for the image first. Then type in the text you want to wrap around the image.
jaytoast's rating:
People who added this item 59 Average listal rating (21 ratings) 7.5 IMDB Rating 7.3

Image on Right and Left Side


What are we watching?

You are going to add image code for adding an image on the left and then the right. The text that appears between the two images should be placed after all your image code.
[img id=5372108 width=60full align=left] [img id=5372104 width=60full align=right]<center>
<h3>What are we watching?</h3></center>

The tricky aspect to this is getting the images the right size with the text. Here I used the 'h3' code to make the text a little larger and a bit easier to deal with figuring out the size.

Thanks to Holy Godiva and Onion Jack for sharing the 'secret' ;)
People who added this item 84 Average listal rating (46 ratings) 6.1 IMDB Rating 5.5
Citadel (2013)

Putting two images side by side.



The notes area is 500 pix wide. When you add an image to to the notes area you are generally using the basic "width=500full' code. To create two images side by side you only need to change "500" to "250". Just make sure there is no space character between the two images.

[img id=4905239 width=250full][img id=4905240 width=250full]

jaytoast's rating:
People who added this item 257 Average listal rating (136 ratings) 7.6 IMDB Rating 7.5
Jezebel (1938)

Cropping Images
Getting images to be a standard square.



Putting images side by side can be simple if and looks best if the two images are the same highth. To get a uniform size and width on an image, change the code from "width=(any size) leaving out the "full" part of the code. Here there are four images with a 250 pix width.

[img id=519942 width=250][img id=2543593 width=250]
[img id=3583244 width=250][img id=2928253 width=250]

jaytoast's rating:
People who added this item 78 Average listal rating (29 ratings) 7.5 IMDB Rating 7.1

Creating An Image That is a Link


Here is the "Black Comedy" list...


<a href="www.listal.com/list/black-comedy-pumpkinate">[img id=1453990 width=250full link=false]</a>

You are using a basic anchor link and using the image code for Listal but the important aspect is adding "link=false" to the image information. If you don't clicking on the image will just take you to the where the image is located on Listal.
jaytoast's rating:
People who added this item 27 Average listal rating (10 ratings) 5.9 IMDB Rating 4.2

Linking to Video

James Franco of Pineapple Express and 127 Hours toplines this tense, visceral crime thriller. He stars as William Vincent, a laconic criminal with an enigmatic past, who falls hard for a New York gangster's prostitute lover (Julianne Nicholson). When the thug finds out, he forces William to leave the city and threatens him with death should he ever dare to return. Initially, William agrees, but after four years in exile spent pining for the young woman, he secretly returns to Manhattan, planning to rescue her from the ugly life that ensconces her. ~ Nathan Southern, Rovi
<a href="www.listal.com/video/10476963">[img id=3073705 width=250 align=right link=false]</a>

This is just the same as linking to anything else. This time you are just directing your link to the video trailer.

People who added this item 3200 Average listal rating (2027 ratings) 6.6 IMDB Rating 6.6
Secret Window (2004)

Link Opens New Tab/Window


Click here to see the Listal's Hall of Fame

<a href="www.listal.com/list/top-113-most-influential-listal" target="_blank">Listal's Hall of Fame</a>

The only thing that changes is that in the href tag you are placing "target="_blank"

Chose how you use this tag wisely. Not everyone likes having a new window opened for them when it is a simple enough task to do it yourself. Still, I like to use it for links to videos or any page you don't expect the person to hangout for very long.
jaytoast's rating:
People who added this item 795 Average listal rating (402 ratings) 7.2 IMDB Rating 7.1
Thirst (2009)

How did Jaytoast do it?

Most of the time the "super fancy" formatting is just mixing various types of code together. This is from one of my better lists.


Review by AgentLexi

Theatrical Trailer

<[img id=1159854 width=250full align=right]
<blockquote><center>Review by <b> <a href="www.listal.com/viewentry/424068">AgentLexi </a></b></center></blockquote>
<blockquote><center><b><a href="www.listal.com/movie/thirst-2009/trailer">Theatrical Trailer</a></b></center></blockquote>

Here I just use the code for blockquotes to give the impression that the links are part of the image.
jaytoast's rating:
People who added this item 393 Average listal rating (220 ratings) 6.8 IMDB Rating 7.1
Heartbeats (2010)

This spot reserved

Currently having issues with Listal and embedded videos. Hopefully this will be fixed shortly.

jaytoast's rating:
People who added this item 286 Average listal rating (181 ratings) 7.1 IMDB Rating 7.5

Bonus Tip on List Names

Have way too many list and can't find the *one* list your working on? Yes, it gets to be a pain to scroll down and find the correct list.

Well... make life easy.

1. Create your list and give it the name you want.
Example: "Advanced Editing"

This will give you the cleanest nicest possible URL for your list.

2. Save the list.

3. Go back to edit the name and change the name to
". 1 - Advanced Editing"

Now this list will ALWAYS be at the top of my movie lists when displayed alphabetically.

The dot and space character are important and as they carry an alphabetical attribute higher then just the letter "a".

4. When you are ready to publish your list... change the name and remove the ". 1" and now your list will appear it it's regular alphabetical spot in your list collection.


In this example I'm adding "The Pianist" to a list I'm working on with all the films distributed by "Focus Features". As you can see I like to keep all my "Works In Progress" at the top and ready to edit.

Also see:
Listal's Html/tag help

This list was created to try to cover some information for members wanting to go beyond some of the basics.

Added to

32 votes
Roman's Exceptional Listal (96 lists)
list by PulpRoman
Published 7 years, 1 month ago 6 comments
23 votes
Favorite Lists (67 lists)
list by Georgini
Published 4 years, 1 month ago
32 votes
Lists That I Like (59 lists)
list by yreesesfreak
Published 6 years, 1 month ago 5 comments
25 votes
Favorite Lists (72 lists)
list by Maary
Published 8 years, 8 months ago 3 comments
40 votes
Favorite Lists #1 (31 lists)
list by kathy
Published 6 years, 5 months ago 10 comments
10 votes
Helpful Tools List From Jaytoast (3 lists)
list by Dark Warrior
Published 6 years, 9 months ago 2 comments
22 votes
My Assorted Lists (61 lists)
list by jaytoast
Published 8 years, 6 months ago 1 comment
25 votes
Favorite Lists (95 lists)
list by AJJ
Published 8 years, 1 month ago 5 comments
34 votes
My favorite Lists (319 lists)
list by IsabellaSilentRose
Published 6 years, 5 months ago 6 comments
11 votes
Favourite Lists - FG (34 lists)
list by FG93
Published 7 years, 10 months ago 1 comment
4 votes
Favorite Lists Ran8's (13 lists)
list by ran88dom99
Published 8 years, 8 months ago 1 comment
3 votes
Best Lists (23 lists)
list by Juli
Published 8 years, 5 months ago 1 comment
30 votes
the giraffe's favorite lists (65 lists)
list by the giraffe
Published 8 years, 8 months ago 8 comments
35 votes
Kami-chan's Favourite Lists (60 lists)
list by Kami
Published 8 years, 7 months ago 9 comments

Related lists

Horrorfest 2019
27 item list by Mackenzi
7 votes 4 comments
30 Songs, 30 Days
30 item list by GreenTissueBox
16 votes 3 comments
2014 Must See List (Editing)
120 item list by BAMF
6 votes 1 comment
Cherokee's Ultimate Donkey Kong game list
55 item list by Cherokee
6 votes 1 comment
British/Irish Championship of Women (CLOSED)
20 item list by Mr. Heisenberg
19 votes 44 comments
Academy Award For Best Sound Editing
116 item list by AFIoscar
8 votes 1 comment
Super Saiyan Sonic Collection
99 item list by Cherokee
23 votes 6 comments
Academy Award For Best Film Editing
76 item list by AFIoscar
14 votes 1 comment
Favorite Actors
42 item list by hsallinen
10 votes
Top 20 Films: Editing
20 item list by Rossjm

View more top voted lists

People who voted for this also voted for