Welcome to the Invelos forums. Please read the forum rules before posting.

Read access to our public forums is open to everyone. To post messages, a free registration is required.

If you have an Invelos account, sign in to post.

    Invelos Forums->DVD Profiler: Layouts and Reports Page: 1 2 3 4  Previous   Next
Episode Guides and style sheets
Author Message
DVD Profiler Unlimited RegistrantStar ContributorAddicted2DVD
Registered: March 13, 2007
Reputation: Highest Rating
United States Posts: 17,316
Posted:
PM this userEmail this userView this user's DVD collectionDirect link to this postReply with quote
absolutely... that is why I now just supply the html in TXT form... and let everyone set it up as they need... whether they need html or plain txt... easy to set up as they want.
Pete
DVD Profiler Desktop and Mobile RegistrantStar ContributorJuoquim
AKA Archangel of Overkill
Registered: March 22, 2007
United States Posts: 95
Posted:
PM this userView this user's DVD collectionDirect link to this postReply with quote
Quoting Addicted2DVD:
Quote:
absolutely... that is why I now just supply the html in TXT form... and let everyone set it up as they need... whether they need html or plain txt... easy to set up as they want.


I kind of do the same thing.  I recently made and uploaded the Crow: Stairway to Heaven EPG and within my instructions, I detailed how to set it up using the three or four different methods available at the time.  That way, it is easily modifiable for different users depending on how they have their EPG's setup.

I agree that we should not force the stylesheets because a lot of the EPG coders (myself included) are not Web Developers.  However, I do like the idea of having the stylesheets available for use as an option while putting together a new guide.  That way, if the coder likes them, they can use them whenever appropriate, or use a different style to keep the variety.  I am like Pete and enjoy having different stlyes to the EPGs that popup in my collection.
Juoquim

Kansas City Flying Disc Club - Disc Golf's KC Home
addicted2dvd's TV Ep Guides
DVDP Resource Centre
My Collection
DVD collector's Dream!!!
DVD Profiler Unlimited RegistrantItalo_Disco
Registered: June 8, 2007
Netherlands Posts: 58
Posted:
PM this userView this user's DVD collectionDirect link to this postReply with quote
Quoting Addicted2DVD:
Quote:
it seems like that was the original poster's thought on the matter... to force a standard one everyone. And all I am saying is I would never force anyone to change how they do it now...

It's not my intention to force anything on anyone. Far from it. All I hope to accomplish is to create some sort of guideline, or template if you will, that can be used when creating new episode guides. If people would want to use that, great. If they don't, fine. In the end I'm more than happy with any contribution to the list of guides, whatever the format. It's just that when you would contribute using the template (or guidelines) it would make it easier for the contributer and the users to manage the layout of that guide.

Quote:
I will not stop anyone from creating them in CSS or  XML or anything else they decide to do with them. So why would I stop someone that only knows the very simplest... most basic form of html?


Actually, when using stylesheets, people with little or no html skills do not have to worry about formatting at all. No more font, size, bold, center etc. tags The only thing they would need to know, for example, is to use <p style="title> when entering the title of the guide.  If you look at one of the guides I recently uploaded (Outer Limits, Mr Bean, The IT Crowd) you will see how extremely simple the html code has become.
 Last edited: by Italo_Disco
DVD Profiler Unlimited RegistrantStar ContributorAddicted2DVD
Registered: March 13, 2007
Reputation: Highest Rating
United States Posts: 17,316
Posted:
PM this userEmail this userView this user's DVD collectionDirect link to this postReply with quote
Quoting Italo Disco:
Quote:
Quoting Addicted2DVD:
Quote:
it seems like that was the original poster's thought on the matter... to force a standard one everyone. And all I am saying is I would never force anyone to change how they do it now...

It's not my intention to force anything on anyone. Far from it. All I hope to accomplish is to create some sort of guideline, or template if you will, that can be used when creating new episode guides. If people would want to use that, great. If they don't, fine. In the end I'm more than happy with any contribution to the list of guides, whatever the format. It's just that when you would contribute using the template (or guidelines) it would make it easier for the contributer and the users to manage the layout of that guide.


I have absolutely no problem with offering up templates that people put together. need to talk to ajm about hosting them... as he hosts the site for me.... see if he wants to host the templates as well.  As for guidelines of use... I don't want it looked at that it has to be done any certain way... when I read guidelines I think of rules... and there is no way I will put rules on something like this.

Quote:
Quote:
I will not stop anyone from creating them in CSS or  XML or anything else they decide to do with them. So why would I stop someone that only knows the very simplest... most basic form of html?


Actually, when using stylesheets, people with little or no html skills do not have to worry about formatting at all. No more font, size, bold, center etc. tags The only thing they would need to know, for example, is to use <p style="title> when entering the title of the guide.  If you look at one of the guides I recently uploaded (Outer Limits, Mr Bean, The IT Crowd) you will see how extremely simple the html code has become.


I personally don't really care which is easier... the way I see it... I will be glad to check out the templates... and if I can convert them for each set easily enough... I will use them... but if I feel completely confused on the matter... then I won't. And for your information... I know what css looks like... others have done EPGs with CSS before. I even tried to convert them for other series before... and I just couldn't get it to look the way I wanted them to look... so I went back to what little I know.

So what it boils down to is if you want to make up templates... I would be glad to check them out. and fairly certain ajm will be glad to host them.

so basically... lets seem some templates for css EPGs
Pete
DVD Profiler Unlimited RegistrantItalo_Disco
Registered: June 8, 2007
Netherlands Posts: 58
Posted:
PM this userView this user's DVD collectionDirect link to this postReply with quote
Quoting Addicted2DVD:
Quote:
So what it boils down to is if you want to make up templates... I would be glad to check them out. and fairly certain ajm will be glad to host them.

so basically... lets seem some templates for css EPGs

Excellent. This of course brings us back to the starting post of this thread. What sorts of content do you generally find in Episode Guides? The most basic template would have three different entries. A title, an episode header for each episode and the (plain) body text for the different episode texts. If there are any others someone can think of, then do post in this thread so that they can be added to the template(s).
DVD Profiler Unlimited RegistrantStar ContributorAddicted2DVD
Registered: March 13, 2007
Reputation: Highest Rating
United States Posts: 17,316
Posted:
PM this userEmail this userView this user's DVD collectionDirect link to this postReply with quote
right now... my favorite episode guide to make is a bit more complicated then that.... they have...

- Image Background (usually image... but sometimes just a color)
- Image Banner (for the entire series)

Then in a Table I have...
- across the whole top... Episode Title
- under that to the left... Episode Screencap
- under Ep. title to the Right... Episode Discription

See...

Pete
DVD Profiler Unlimited RegistrantMark Harrison
I like IMDB
Registered: March 13, 2007
Reputation: Great Rating
United States Posts: 3,321
Posted:
PM this userEmail this userVisit this user's homepageView this user's DVD collectionDirect link to this postReply with quote
That's a great looking guide Pete.
Get the CSVExport and Database Query plug-ins here.
Create fake parent profiles to organize your collection.
DVD Profiler Unlimited RegistrantStar ContributorAddicted2DVD
Registered: March 13, 2007
Reputation: Highest Rating
United States Posts: 17,316
Posted:
PM this userEmail this userView this user's DVD collectionDirect link to this postReply with quote
Thanks Mark
Pete
DVD Profiler Unlimited RegistrantItalo_Disco
Registered: June 8, 2007
Netherlands Posts: 58
Posted:
PM this userView this user's DVD collectionDirect link to this postReply with quote
Here's a quicky example of what can be done.  First I took your excellent looking Charmed guide and converted it to a page with a style sheet.  Then by only modifying the style bits in the <head> section of the page, and using two different background images, I created another guide with exactly the same content but different looks. The styles used look like this :
Quote:
<style type="text/css">
<!--
.episode {
background-color: #E34F27;
color: #FFFFFF;
font-weight: bold;
margin-left: 3%;
margin-right: 3%;
}
.episode-image {
float: left;
margin: 2px;
}
.episode-text {
background-color: #E34F27;
color: #FFFFFF;
margin-left: 3%;
margin-right: 3%;
height: 124px;
}
-->
</style>

and
Quote:
<style type="text/css">
<!--
.episode {
background-color: #FF9900;
color: #000000;
font-weight: bold;
margin-left: 3%;
margin-right: 3%;
}
.episode-image {
float: right;
margin: 2px;
}
.episode-text {
color: #000000;
margin-left: 3%;
margin-right: 3%;
height: 124px;
background-image: url(CharmedS8BG2.jpg);
}
-->
</style>

and the coding used for an episode looks like this in both examples
Quote:
<p class="episode">2. Malice in Wonderland
<p class="episode-text"><img src="Charmed-802.jpg" class="episode-image">
While attempting to take over the Underworld, a young demon plots to lure the Charmed Ones out of hiding, but when Billie stumbles onto his plot, she becomes one of his victims instead.

You can see examples of both guides here: http://rendig.100webspace.net/. Please note that the HTML display of DVD Profiler uses the Internet Explorer engine, so viewing these example guides with another browser than IE might show minor differences.
DVD Profiler Unlimited RegistrantStar ContributorAddicted2DVD
Registered: March 13, 2007
Reputation: Highest Rating
United States Posts: 17,316
Posted:
PM this userEmail this userView this user's DVD collectionDirect link to this postReply with quote
This is just personal preference on my side... but I prefer my original version better. No particular reason... just don't like the black background on it... and prefer the colors how I had them... also prefer the images on the left of the images... I also don't like the fact that you need more then one txt file... would much rather have everything in the one file. Or am I completely confused when thinking there needs to me more then one file?

but don't take it wrong... just my opinion.
Pete
DVD Profiler Desktop and Mobile RegistrantStar ContributorNewEnglander
Registered: 11/13/2003
Registered: March 13, 2007
Reputation: High Rating
United States Posts: 1,911
Posted:
PM this userEmail this userView this user's DVD collectionDirect link to this postReply with quote
Pete, it all depends ...

CSS can be one file, it can be two files, it can be several files.

The way he did those, I believe was one file, all the CSS elements are between the <HEAD> </HEAD> tags.

I started using CSS on my site, because when you want to do a massive re-design, it's easier just to change the CSS elements than it is to modify every page.
Signature banned: Reason out of date...
DVD Profiler Unlimited RegistrantStar ContributorLopek
Lovely day for a...
Registered: March 13, 2007
United Kingdom Posts: 813
Posted:
PM this userEmail this userVisit this user's homepageView this user's DVD collectionDirect link to this postReply with quote
Quoting pplchamp:
Quote:
CSS can be one file, it can be two files, it can be several files.

For the sites I design I have a main style sheet that is linked on all the site pages, but that page just contains links to a number of other pages like this:
Quote:
/* LAYOUT */
@import url("stylesheets/layout.css");

/* TEXT */
@import url("stylesheets/text.css");

/* TABLES  */
@import url("stylesheets/tables.css");

/* LISTS  */
@import url("stylesheets/lists.css");

/* IMAGES  */
@import url("stylesheets/images.css");

I find it a lot easier to work with than having one huge file with all the different elements together.

I don't think that this kind of split is necessary for the episode guides, but you could have a standard sheet for elements that are common to all guides, then a specific one for each series. Would save duplicating the same info for each one.
Andy

"Credited as" Names Database
DVD Profiler Unlimited RegistrantItalo_Disco
Registered: June 8, 2007
Netherlands Posts: 58
Posted:
PM this userView this user's DVD collectionDirect link to this postReply with quote
Quoting Addicted2DVD:
Quote:
This is just personal preference on my side... but I prefer my original version better. No particular reason... just don't like the black background on it... and prefer the colors how I had them... also prefer the images on the left of the images... I also don't like the fact that you need more then one txt file... would much rather have everything in the one file. Or am I completely confused when thinking there needs to me more then one file?


I think you are completely missing the point.  It's just an example of what can be done, not an example of what should be done. And if you would have looked at the source code of these two guides, you would have seen it's still one file per EPG. One file, with clean code, easy to maintain and smaller than the original.
DVD Profiler Unlimited RegistrantStar ContributorAddicted2DVD
Registered: March 13, 2007
Reputation: Highest Rating
United States Posts: 17,316
Posted:
PM this userEmail this userView this user's DVD collectionDirect link to this postReply with quote
ok... I never looked at the source code... just what you wrote above and mistaken it for 2 files. Technical question though... in the second EPG where you changed it up... did you do something to the background image to make it look so different? I don't see anything in the code to account for the change... so I am guessing you messed with the image with an image editor?

Anyway.... going to copy the code from my original design and use it in my profiler... that way I can play with it and see what I can do with it.
Pete
DVD Profiler Unlimited Registrantnuoyaxin
prev. known as ya_shin
Registered: March 13, 2007
Reputation: High Rating
Taiwan, Province of China Posts: 3,432
Posted:
PM this userEmail this userVisit this user's homepageView this user's DVD collectionDirect link to this postReply with quote
Pete, had you noticed there were two example? One looked very different to your EPG (to show that just a few changes to the style section can change the entire layout quickly) but the other one looked just like yours! (Well, the image was a little brighter, but that's it.)

I played with it over the last our and like what I saw. The file becomes cleaner and content and formatting are nicely separated. If, e.g., the text is color coded, you only need to change the color once, not for each time the colored text is supposed to appear in the EPG.

Give it a try. ...and using it as inline-style (in the <head> section), it will remain on a per-EPG basis. (At least that's what I will be doing.)
Achim [諾亞信; Ya-Shin//Nuo], a German in Taiwan.
Registered: May 29, 2000 (at InterVocative)
DVD Profiler Unlimited RegistrantStar ContributorAddicted2DVD
Registered: March 13, 2007
Reputation: Highest Rating
United States Posts: 17,316
Posted:
PM this userEmail this userView this user's DVD collectionDirect link to this postReply with quote
I did give it a try... played around with it to see what I can do for Smallville: Season 6... It is far from done... but this image will give you an idea of what I am thinking at this point...



Thoughts?
Pete
    Invelos Forums->DVD Profiler: Layouts and Reports Page: 1 2 3 4  Previous   Next