adjust block sizes - mainpage

Could someone please point me to the file(s) needed to adjust block sizes on the home mainpage ?

Photo gallery

Video Gallery

Also where to resize and position the thumbnails inside those block

thank

I had a question on this recently (just a couple of weeks ago) regarding increasing photo size for featured members on the home page.  mrpowless worked out a great solution to it in record time you can find at this thread:

http://www.boonex.com/unity/forums/?action=goto&topic_id=Full-Pics-for-Featured-Members

Now, your box size will increase automatically dependent upon what is inside of it, but to increase the size of the photo in the box (IE pull members photo instead of thumbnail of photo) you need to look over the code and make some adjustments to it for photo gallery & Video Gallery.

I can take a look at adjusting it for you but it might take me a little while.  Getting ready to launch another ad campaign here and that has priority.  Sorry... But the thread above is a great place to start with.

It is difficult to adjust different sizes for blocks on homepage unless you use a this mod http://www.expertzzz.com/Downloadz/view/2183 which gives you the ability to control individual design boxes . If you looking to resize the divs within those blocks the open index.css in tmpl_uni and make adjustment to this part :

.sharePhotosContent_1, .sharePhotosContent_2
{
position: relative;
float: left;
width: 108px;
overflow: hidden;
white-space: nowrap;

}

.sharePhotosContent_1
{
margin-top: 0px;
margin-right: 10px;
margin-bottom: 7px;
margin-left: 0px;
}

.sharedMediaAdd {
overflow: hidden;
white-space: nowrap;
}

.lastFilesPic
{
position: relative;
/*float: left;*/

width: 108px;
height: 110px;
background-position: center;
background-repeat: no-repeat;

background-color: #E6E6E6;
}

.sharePhotosContent_1 .votes_small b,
.sharePhotosContent_2 .votes_small b
{
display: none;
}

.sharePhotosContent_1 .votes_small .votes_gray_small,
.sharePhotosContent_2 .votes_small .votes_gray_small
{

}

.lastVideoPic
{
position: relative;
/*float: left;*/
border: 1px solid #EDEDED;
width: 105px;
height: 80px;
margin-right: 5px;
}

.shareMusicContent_1, .shareMusicContent_2
{
position: relative;
float: left;
width: 105px;
overflow: hidden;       
}

.shareMusicContent_1
{
margin:0px 7px 7px 0px;
}

.shareMusicContent_2
{
margin:0px 0px 7px;
}

.shareMusicContent_1 .votes_small b, .shareMusicContent_2 .votes_small b
{
display: none;
}

.lastMusicPic
{
position: relative;
/*float: left;*/

width: 105px;
height: 110px;
}

Opsss i almost forget, you might need to make adjustment in this file as well inc/classes/BxDolSharedMedia.php .Changes for the size and height are highligthed as shown below.

line 591

switch ($this->sType) {
case 'photo':
$sImg   = $this->sFilesUrl.$aData['medID'].'_t.'.$aData['medExt'];
$sImage = '<div class="lastFilesPic" style="background-image: url(\''.$sImg.'\');">
<a href="'.$sHref.'"><img src="'.$this->aConfigSite['images'].'spacer.gif" width="110" height="110"></a></div>';
break;
case 'music':
$sImage = '<div class="lastFilesPic"><a href="'.$sHref.'"><img src="'.$this->aConfigSite['images'].'music.png"></a></div>';
break;
case 'video':
$sImage = '<div class="lastFilesPic"><a href="'.$sHref.'"><img src="'.$this->sFilesUrl.$aData['medID'].'_small.jpg"></a></div>';
break;
}

Line 791

switch ($this->sType) {
case 'photo':
$sImage = $this->sFilesUrl.$aData['medID'].'_t.'.$aData['medExt'];
$sPic = '<div class="lastFilesPic" style="background-image: url(\''.$sImage.'\');">
<a href="'.$sHref.'"><img src="'.$this->aConfigSite['images'].'spacer.gif" alt="" width="110" height="110"></a></div><div class="clear_both"></div>';
break;
case 'music':
$sPic = '<div class="lastMusicPic"><a href="'.$sHref.'"><img src="'.$this->aConfigSite['images'].'music.png"></a></div>';
break;
case 'video':
$sPic = '<div class="lastVideoPic"><a href="'.$sHref.'"><img src="'.$this->sFilesUrl.$aData['medID'].'.jpg" width="112px" height="80px"></a></div>';
break;
}

Thanks to both of you!

Index.css had most of what I needed for now .

PS, the tip to use notepad++ is really helping, I was using another app, but it didn't do as good a job.

Thanks!

I found Notepad++ to be extremely helpful because it will number your lines correctly in or out of word wrap, remembers all changes to a file in order regardless of how many edits you do to the file as long as it's open in the editor, you can edit an unlimited number of files (it may have a limit, I haven't found it yet) in it and it keeps them organized via tabs, has a great search function even has the ability to compare files to find errors.  In addition it will even show you errors in your code once you learn how to use it. 

Using the right tools for the right job is essential. I use dreamweaver and fireworks to do designing, styling and programing for dolphin.

Those work great for those who know how to do them.  But when your doing file editing and need to learn, notepad++ is the simplest text editor out there.  It's been designed with the newbie and veteran in mind and that is what makes it such a great tool

I've looked at fireworks and I find Notepad++ to be a superior product in the end, especially with all the plug-ins it offers and ability to do text or binary. 

As far as Dreamweaver goes, I remember the first time I tried it out and it was mind boggling to start with.  It takes a lot of time and if your not using it everyday/multiple projects then it's just not worth it.  It will do the job, but it takes a lot of learning for the newbie to figure it out.

I find the best way for me is to use Firefox w/Firebug and to edit the files there first.  This allows me to actually see the changes to the files in real time and decide if it's what I want before I dig into the server's actual files to make the changes permanent.  You'd really be surprised at what firebug can do if you gave it a shot.  And yes, Sammie taught me that trick when I first started out with Dolphin.

Well most designers are familiar with dreamweaver .When it comes to designing . website creation and coding this tools is second to none. But many designers just doesnt know how to use this tools for dolphin . Anyway im trying rush out video tutorials on how to use this tools to create templates .After watching this tutorials anyone can be designer can create templates within a day or 2 just like how i done it for my clients.

That would be a great thing for the newbies and even some of the experienced dolphin users.  Looking forward to seeing it when your done.