Most customizable web platform to divulge video work? - Page 2 at DVinfo.net

Go Back   DV Info Net > Special Interest Areas > Techniques for Independent Production

Techniques for Independent Production
The challenges of creating Digital Cinema and other narrative forms.


Reply
 
Thread Tools Search this Thread
Old April 7th, 2013, 09:52 AM   #16
Trustee
 
Join Date: Sep 2005
Location: Rio de Janeiro
Posts: 1,225
Re: Most customizable web platform to divulge video work?

The only part of the HTML code where I could find the background image is:

background: transparent url(http://2.bp.blogspot.com/-MDNtkHIe0H...bsite%2BV2.jpg) no-repeat scroll top left;
}
html body .region-inner {
min-width: 0;
max-width: 100%;
width: auto
__________________
www.rafael-lopes.com
Rafael Lopes is offline   Reply With Quote
Old April 8th, 2013, 10:40 AM   #17
Trustee
 
Join Date: Jan 2008
Location: Mumbai, India
Posts: 1,385
Re: Most customizable web platform to divulge video work?

Rafael, that's CSS, not HTML.

Add this:
Quote:
#backgroundtest {
position: fixed;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
}
Don't remove the background code, just add a /* before it and a */ at the end, like this:
Quote:
/* background: transparent url(http://2.bp.blogspot.com/-MDNtkHIe0H...bsite%2BV2.jpg) no-repeat scroll top left;*/

Note: You haven't included all the {} brackets in your code, so include them too.
Save the file.

Now, go to the HTML file, which might be index.html or index.php - I don't know how blogger does it. You need to add an image like this:
Quote:
<body>
<img src="http://2.bp.blogspot.com/-MDNtkHIe0H...bsite%2BV2.jpg" id="backgroundtest" alt="">
.
.
.
rest of code
</body>
The first code creates an id that directs how the image will behave. It is anchored to the top-left, which is exactly how it is currently on your site.
The min-width and min-height = 100% preserves the aspect ratio. You could also play with the max-width: 100% setting, because I'm not sure what it is you're trying to do with the rest of your layout.

Remember, this code resides in your css file, not in your html file.

The second code protects what's already there. If you screw up, just delete what you've written and unquote what was there earlier. Don't make mistakes here!

Don't forget to save the file.

The third code places the image right at the beginning of your html document, and it will behave as instructed by the first code. Try it, and see how it behaves.

Play with min-width, min-height, max-width and max-height, depending on how you want the rest of your site to behave. E.g., if you specify the max-width: 100%, the image will always display as 100%, but then you're not restricting its minimum size.

Some other observations:

The way your site is designed, I don't advise a left anchor for the background image. You should ideally place the background image in the middle of the browser, and the main content will always be centered. Right now, there's a lot of white space on my 1920x1080 monitor, and the content isn't centered.

Unfortunately, my knowledge of blogger is limited, so I can't direct you on how and where to find the right files.

So, here's a workaround:

Make a long and thin image of the green+beige strip, and let it repeat horizontally. Add the heads, primates, and humans (are they filmmakers?) as separate png images anchored according to the main body. This way, you never have to worry about the placement of the images. Simple.
__________________
Get the Free Comprehensive Guide to Rigging ANY Camera - one guide to rig them all - DSLRs to the Arri Alexa.
Sareesh Sudhakaran is offline   Reply With Quote
Old April 8th, 2013, 05:32 PM   #18
Trustee
 
Join Date: Sep 2005
Location: Rio de Janeiro
Posts: 1,225
Re: Most customizable web platform to divulge video work?

Hey Sareesh, many thanks for your support. Ive been doing some tests and Ive managed to fix a lot of of what I wanted. At the moment all I want is to center each post: Papos de Mentes. If you scroll down you will see that the video is slightly to the left. There is a native option to descrease the box size but not to center it.

Any thoughts?
__________________
www.rafael-lopes.com
Rafael Lopes is offline   Reply With Quote
Old April 9th, 2013, 05:19 AM   #19
Trustee
 
Join Date: Jan 2008
Location: Mumbai, India
Posts: 1,385
Re: Most customizable web platform to divulge video work?

The most robust way to center is by using <div> and by creating a center class or style with margin-left:auto and margin-right:auto. This works perfectly.

I would make the main content wider though. Today, most computers including smartphones can easily do 1024 px. It would make the videos more imposing and prominent.

I like this version better!
__________________
Get the Free Comprehensive Guide to Rigging ANY Camera - one guide to rig them all - DSLRs to the Arri Alexa.
Sareesh Sudhakaran is offline   Reply
Reply

DV Info Net refers all where-to-buy and where-to-rent questions exclusively to these trusted full line dealers and rental houses...

Professional Video
(800) 833-4801
Portland, OR

B&H Photo Video
(866) 521-7381
New York, NY

Z.G.C.
(973) 335-4460
Mountain Lakes, NJ

Abel Cine Tech
(888) 700-4416
N.Y. NY & L.A. CA

Precision Camera
(800) 677-1023
Austin, TX

DV Info Net also encourages you to support local businesses and buy from an authorized dealer in your neighborhood.
  You are here: DV Info Net > Special Interest Areas > Techniques for Independent Production

Thread Tools Search this Thread
Search this Thread:

Advanced Search

 



Google
 

All times are GMT -6. The time now is 03:52 AM.


DV Info Net -- Real Names, Real People, Real Info!
1998-2017 The Digital Video Information Network