help with adding a dynamic feature to my film site

i dont know any html, php or python, but i can figure it out if someone could show me where to start as far as the type of commands and scripts i would need. A how-to guide on the internet would be helpful too.

this is what i want to do:

the review for the movie would be pulled from my profile on and the buttons would link to the movie profile on the following sites: imdb, rotten tomatoes, metacritic, and letterboxd. i dont think that would be too difficult, but it would involve a script that searched those sites for that movie. the reviews, i imagine, would require a similar script, but only for letterboxd and would just pull words from my profile on letterboxd, while also independently updating any time i updated my letterboxd for these specific movies on my personal site. this sounds like it would require some time of script that ran every day and checked my letterboxd for each of the movies on my site. also, any time i watch a new movie that needs to be added to the site, i would probably add it to my letterboxd first, and then im hoping the script on my website would add it too, along with the review and rating and maybe even add a movie poster to another page on my site.

im not coding-retarded, but i am a beginner with these web languages. any help appreciated!

This would do most of what you want.

thanks

id still need to do the script part, right?

thanks

id still need to do the script part, right?

Click on "view source" on that page. Just copy what they have then replace the head with this:

<head>
  <meta charset="utf-8" />
  <title>Shayes' Movie Page</title>
  <link rel="stylesheet" href="http://codeorigin.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" />
  <script src="http://codeorigin.jquery.com/jquery-1.10.2.min.js"></script>
  <script src="http://codeorigin.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
  <script>
  $(function() {
    $( "#accordion" ).accordion();
  });
  </script>
</head>

I recommend using twitter bootstrap

include the css in the <head> section
include the .js library before the </body> tag

All you have to do is to mark up the content according to the framework and you won’t have to worry about messing with javascript too much until you’re ready.

Once you have the content the way you want it and where you want it.

make a custom css file to overwrite the bootstrap css so it’ll look the way you want it.

The framework is nice because it also helps you scale your application across multiple devices with different resolutions and screen sizes automatically.

twitter bootstrap looks great, but i already have a wordpress theme that i like, and i only want to add in a collapsible plugin to each link on a page on my site. is there an easy way to do this, while keeping my site this wordpress theme?

yea i want the same functionality as that. how do i do?

This would do most of what you want.
Click on "view source" on that page. Just copy what they have then replace the head with this:

<head>
  <meta charset="utf-8" />
  <title>Shayes' Movie Page</title>
  <link rel="stylesheet" href="http://codeorigin.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" />
  <script src="http://codeorigin.jquery.com/jquery-1.10.2.min.js"></script>
  <script src="http://codeorigin.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
  <script>
  $(function() {
    $( "#accordion" ).accordion();
  });
  </script>
</head>

so i could just copy this and place it into the html of my webpage? i dont have to upload any other css/JS files or anything to my sites servers? also, would i have to have a div for each collapsible box? because each page that would need this function would have like 60+ collapsible boxes.

let me just post my site, and i can explain what i want better:

if you go to each year on the site, it take you to my list of films for that year. for each film, i want a collapsible box that has links to imdb/rotten tomatoes/metacritic/letterboxd, and also show a little review i can write for each. is there an easy way to add this feature into the html of my wordpress theme?

also, how do i write a python script that searches and pulls the movie link for each movie, for each of those sites, and places it within the collapsible box?

Yes. Both an H3 and a DIV for each block.

is there anyway you can find out how this site makes their boxes look like that? i want exactly this

view their source file

if your browser have web developer tools you can just right click and "view source"

look for their css or javascript and try to match the div tags to them