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

Advanced List Editing

Sort by: Showing 13 items
Decade: Rating: List Type:
People who added this item 14 Average listal rating (8 ratings) 6.8 IMDB Rating 6.8

Creating a Header Type Text



Example:
====================================================

Changing the size of text in the list area



====================================================
Code:
<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 39 Average listal rating (26 ratings) 6.9 IMDB Rating 7.3
The Brute (1953)

Even Larger Text



Example:
====================================================

The Brute!



====================================================
Code:
<h2>The Brute!</h2>


Thanks to Mejo ♥♫ for this one.
People who added this item 354 Average listal rating (175 ratings) 6.7 IMDB Rating 6.7

To Center an Image or Text


Example:
====================================================

New Zealand


====================================================
Code:
<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 32 Average listal rating (13 ratings) 6.7 IMDB Rating 6.4

Wrapping Text Around an Image



Example:
====================================================

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.

====================================================

Code:
[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 67 Average listal rating (24 ratings) 7.6 IMDB Rating 7.2

Image on Right and Left Side


Example:
====================================================


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.
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 90 Average listal rating (48 ratings) 6.1 IMDB Rating 5.5
Citadel (2013)

Putting two images side by side.


Example:
====================================================



====================================================

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.

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

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

Cropping Images
Getting images to be a standard square.


Example:
====================================================


====================================================

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.

Code:
[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 80 Average listal rating (29 ratings) 7.5 IMDB Rating 7.1

Creating An Image That is a Link



Example:
====================================================

Here is the "Black Comedy" list...



===================================================

Code:
<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



Example:
===================================================
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
==================================================
Code:
<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 3234 Average listal rating (2044 ratings) 6.6 IMDB Rating 6.5

Link Opens New Tab/Window



Example:
====================================================

Click here to see the Listal's Hall of Fame

====================================================
Code:
<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 815 Average listal rating (416 ratings) 7.2 IMDB Rating 7.1

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.

Example:
====================================================

Review by AgentLexi

Theatrical Trailer

====================================================
Code:
<[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 394 Average listal rating (221 ratings) 6.8 IMDB Rating 7.1

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 293 Average listal rating (185 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.

Example:
====================================================

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.


Voters of this movie list - View all
PolarCowG̲lσb̶∆L J̅∆zZ∆l!s̲↱mjkalaskyFoolyellowhairPeakpashajenndubya

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

29 votes
Good PhotoGraphy Lists (175 lists)
list by G̲lσb̶∆L J̅∆zZ∆l!s̲↱
Published 4 years, 3 months ago 1 comment
25 votes
Favorite Lists (74 lists)
list by Georgini
Published 7 years, 6 months ago
35 votes
Roman's Exceptional Listal (102 lists)
list by PulpRoman
Published 10 years, 6 months ago 6 comments
33 votes
Lists That I Like (59 lists)
list by yreesesfreak
Published 9 years, 6 months ago 5 comments
27 votes
Favorite Lists (72 lists)
list by Maary
Published 12 years, 1 month ago 3 comments
10 votes
Helpful Tools List From Jaytoast (3 lists)
list by Dark Warrior
Published 10 years, 2 months ago 2 comments
22 votes
My Assorted Lists (61 lists)
list by jaytoast
Published 11 years, 11 months ago 1 comment
12 votes
Favourite Lists - FG (34 lists)
list by FG93
Published 11 years, 3 months ago 1 comment
5 votes
Favorite Lists Ran8's (13 lists)
list by ran88dom99
Published 12 years, 1 month ago 1 comment
3 votes
Best Lists (23 lists)
list by Juli
Published 11 years, 10 months ago 1 comment
30 votes
the giraffe's favorite lists (65 lists)
list by the giraffe
Published 12 years ago 8 comments



Related lists

Discography of... Directory
162 item list by SchwarzerAbt
5 votes 1 comment
Kuña Iporãvéva Ko Yvórape XXVI
989 item list by G̲lσb̶∆L J̅∆zZ∆l!s̲↱
16 votes
најлепше жене на свету XIV Najlepse zene na svetu
820 item list by G̲lσb̶∆L J̅∆zZ∆l!s̲↱
12 votes
Las Mujeres Mas Bellas Del Mundo III
683 item list by G̲lσb̶∆L J̅∆zZ∆l!s̲↱
21 votes
Die Schönsten Frauen Der Welt V
745 item list by G̲lσb̶∆L J̅∆zZ∆l!s̲↱
13 votes
Самые красивые женщины мира VI
824 item list by G̲lσb̶∆L J̅∆zZ∆l!s̲↱
15 votes
दुनिया में सबसे सुंदर महिलाएं X
858 item list by G̲lσb̶∆L J̅∆zZ∆l!s̲↱
26 votes
The Movies of 1894 & Before
26 item list by vah!
17 votes 1 comment
The Movies of 2011
596 item list by vah!
24 votes 1 comment

View more top voted lists

People who voted for this also voted for


More lists from jaytoast