http://www.grimedaily.com/

 

in wordpress i need to make posts or blogposts (not to sure what) to be videos.. for a rap music website (just like in the link above)

 

whats the best way to go about this?

Edited August 4, 201115 yr by kingy da killa

Just put the video embed code in your post editor HTML view. Then style your theme appropriately.

Just put the video embed code in your post editor HTML view. Then style your theme appropriately.

 

i understand to put the video embed code in the post editor html view.

 

but how would i go about have 4 videos on each line,

then 4 underneath,

 

what would i need to play around with? the files etc.

 

also what would i do to have the posts showing as small posts like in the link above, then once clicked on the full size post comes out.

 

cheers

They are just content boxes "floated" next to each other, in its rawest form:

 

<ul id="videos">
	<li><a href="#"><img src="videothumbnail.jpg" alt="" /></a></li>
	<li><a href="#"><img src="videothumbnail.jpg" alt="" /></a></li>
	<li><a href="#"><img src="videothumbnail.jpg" alt="" /></a></li>
	<li><a href="#"><img src="videothumbnail.jpg" alt="" /></a></li>
	<li><a href="#"><img src="videothumbnail.jpg" alt="" /></a></li>
	<li><a href="#"><img src="videothumbnail.jpg" alt="" /></a></li>
	<li><a href="#"><img src="videothumbnail.jpg" alt="" /></a></li>
	<li><a href="#"><img src="videothumbnail.jpg" alt="" /></a></li>
</ul>

 

ul#videos { width:400px; list-style:none; float:left; }
ul#videos li { float:left; width:90px; padding:10px 5px; }

 

That will produce two rows of four video screenshots. To have them open up I would suggest using a JQuery lightbox (that supports flash/HTML5) and when you click one of the video thumbnails the lightbox opens up and shows the video via the embed code.

 

I hope I have understood what you ment and this answers it a little bit.

They are just content boxes "floated" next to each other, in its rawest form:

 

<ul id="videos">
	<li><a href="#"><img src="videothumbnail.jpg" alt="" /></a></li>
	<li><a href="#"><img src="videothumbnail.jpg" alt="" /></a></li>
	<li><a href="#"><img src="videothumbnail.jpg" alt="" /></a></li>
	<li><a href="#"><img src="videothumbnail.jpg" alt="" /></a></li>
	<li><a href="#"><img src="videothumbnail.jpg" alt="" /></a></li>
	<li><a href="#"><img src="videothumbnail.jpg" alt="" /></a></li>
	<li><a href="#"><img src="videothumbnail.jpg" alt="" /></a></li>
	<li><a href="#"><img src="videothumbnail.jpg" alt="" /></a></li>
</ul>

 

ul#videos { width:400px; list-style:none; float:left; }
ul#videos li { float:left; width:90px; padding:10px 5px; }

 

That will produce two rows of four video screenshots. To have them open up I would suggest using a JQuery lightbox (that supports flash/HTML5) and when you click one of the video thumbnails the lightbox opens up and shows the video via the embed code.

 

I hope I have understood what you ment and this answers it a little bit.

 

yeah cheers for that I understand that a fair bit and could implement it into a static website, but this needs to be done via custom posts or posts so not to sure what to do on that bit

 

http://www.thiswickedlife.com/

 

this is a good theme i could work on thinking about it!

 

not the same layout but im sure i could edit and get it like how i want it in the link i orginaly posted

Edited August 4, 201115 yr by kingy da killa

yeah cheers for that I understand that a fair bit and could implement it into a static website, but this needs to be done via custom posts or posts so not to sure what to do on that bit

 

 

You can do exactly what he said with a CMS. The principles are exactly the same. You just replace the HTML img tags with the featured thumbnail tag used in Wordpress templates.

 

We've pointed you in the right direction here...

 

You don't need to use custom posts for this. Normal posts will do the job just fine. Perhaps you'd do well to learn more about theming for Wordpress.

You can do exactly what he said with a CMS. The principles are exactly the same. You just replace the HTML img tags with the featured thumbnail tag used in Wordpress templates.

 

We've pointed you in the right direction here...

 

You don't need to use custom posts for this. Normal posts will do the job just fine. Perhaps you'd do well to learn more about theming for Wordpress.

 

yeah thats the extra info i needed

 

cheers mate, as soon as i recieve the design from my guy im gunna get working on it, and if i fail i got a back up blank video theme

I'd suggest you add support for the video post format to your theme so you can mark up and style video posts specifically.

http://streetdeciplez.com/

 

found a beatufil theme to edit

 

still waiting on the design

 

but uploaded the first video of my boy taba who owns street deciplez why not have a lisen ey!