|
|
|
|
|
|
|||||||||
 |
|
|
Thread Tools | Search this Thread |
April 7th, 2013, 08:52 AM
|
#16 |
|
Trustee
Join Date: Sep 2005
Location: Rio de Janeiro
Posts: 1,240
|
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 |
|
|
|
April 8th, 2013, 09: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:
Quote:
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:
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. |
|||
|
|
|
|
April 8th, 2013, 04:32 PM
|
#18 |
|
Trustee
Join Date: Sep 2005
Location: Rio de Janeiro
Posts: 1,240
|
Re: Most customizable web platform to divulge video work?
Hey Sareesh, many thanks for your support. I´ve been doing some tests and I´ve 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 |
|
|
|
|
April 9th, 2013, 04: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. |
|
|
|
|
| ||||||
|
||||||
|
|
