Changing Blocks Background

Hi ,

Pls help me with these 2 questions

1, What are the audio,video file formats supported by Dolphin (for uploading)

2,I want to change the background of some of the Blocks on the home page (or any other page).For example member login block or the Blogs block on home page.

Can u pls help me find the right files to modify, any suggestions appreciated.

Thanks,

Lite

Not sure about the first question, but I can help a little on the second one. The blocks are updated by editing templates/tmpl_uni/css/general.css

.disignBoxFirst  is where you would change the background, although this would give the same background for all of the blocks. that should give you a start at least.
                                     

Thanks for the reply Mathias.. however I am not looking to change the background of all the blocks, but only few blocka and diff color for each block.

I tried to edit the shoutbox.css in the temlate folder, did not work. so I am trying to figure it out, ill let you know if I do.

For your second question.

This can be done but it a bit tricky. All of the standard blocks use the same designbox so changing the CSS for it will change them all.

But you can create a new Design Box thus you can control the CSS for it seperatly. Doing this will require several code changes. You will want to back up each one before you change it.

first in templates/tmpl.uni make a copy of designbox_1.html and name it designbox_3.html

Edit designbox_3.html and rename the css class names so they look like this.

<div class="disignBoxFirst3">
<div class="boxFirstHeader3">__title____caption_item__</div>
<div class="boxContent3">__designbox_content__</div>
</div>

save the file and upload to your server.

now edit templates\tmpl_uni\general.css and add this to the bottom.

.disignBoxFirst3 {
position:relative;
border:1px solid #0D3966;
margin-bottom:10px;
background-image:url('../images/head_cutting.gif');
background-repeat:repeat-x;
background-color:#000000;
}
.boxFirstHeader3 {
height:17px;
padding:3px 0px 0px 8px;
font-size:12px;
font-weight:bold;
color:#FFF;
text-align:left;
border-bottom: 1px solid #0D3966;
}
.boxFirstHeader3 a,  .boxFirstHeader3 a:link,  .boxFirstHeader3 a:active,  .boxFirstHeader3 a:visited {
text-decoration: none;
color: #FFF;
}
.boxFirstHeader3 a:hover {
text-decoration: underline;
color: #FFF;
}
.boxContent3 {
/*        position:relative; */
overflow:hidden;
font-size:13px;
/*color:#000000;*/
padding:10px;
}

Change the colors to that to what you want.


Now edit inc\design.inc.php


look for this at about line 133.

$fs = filesize ( BX_DIRECTORY_PATH_ROOT . "templates/tmpl_{$tmpl}/designbox_2.html" );
$f = fopen ( BX_DIRECTORY_PATH_ROOT . "templates/tmpl_{$tmpl}/designbox_2.html", "r" );
$templ_designbox2 = fread ( $f, $fs );
fclose ( $f );

and add this right under it.

$fs = filesize ( BX_DIRECTORY_PATH_ROOT . "templates/tmpl_{$tmpl}/designbox_3.html" );
$f = fopen ( BX_DIRECTORY_PATH_ROOT . "templates/tmpl_{$tmpl}/designbox_3.html", "r" );
$templ_designbox3 = fread ( $f, $fs );
fclose ( $f );



Now look for this at about line 159

global $templ_designbox2;

add this right under it.

global $templ_designbox3;


Look for this at line 177.

if ($db_num == 2) // && !$templ_designbox2 )
{
$templ = $templ_designbox2;
}
elseif( $db_num == 1) // && !$templ_designbox1 )

Change to look like this.

if ($db_num == 3) // && !$templ_designbox2 )
{
$templ = $templ_designbox3;
}
elseif ($db_num == 2) // && !$templ_designbox2 )
{
$templ = $templ_designbox2;
}
elseif( $db_num == 1) // && !$templ_designbox1 )


Save and upload to server.

Now a change needs to be made in the database. Using PHPMYadmin open your database and look for the PageCompose Table. You just need to change the column for DesignBox from the default value of 1 to 3 for the box you want to use template 3 we just created.

Save the change.

Now open Dolphin Admin and use the page builder to move the block up or down one than back again to for dolphin to update things.

These steps create a new box template that can have independent CSS styles from the rest of the standard blocks. You can repeat this to add more blocks if you need to control more than one independently.

I know my instructions suck, so please do not attempt it if you do not understand it.

now that looks super kool.. ! ... so is there a way you can apply this only to the members block on the main page?

Maybe have a look there: http://www.expertzzz.com/Downloadz/view/5414 (some comments here: http://www.expertzzz.com/Downloadz/view/4454 ) ;-)

Yes. The first part of that sets up a new block template. The last part tells dolphin where to use it. When you get to the part to modify the database, any block you change in PageCompose table from DesignBox style 1 to 3 will use the new template.

Yes, this technique can be applied across all blocks. This technique has been used on sites such as:

http://www.boonex.com/unity/community/entry/iParents_com_Making_Family_Life_Easier

http://www.boonex.com/unity/community/entry/FilthyLiar_com_The_Truth_Will_Set_You_Free_2008_12_07_17_54

http://www.boonex.com/unity/community/entry/e2Citizen_com_Make_a_Positive_Change

http://www.boonex.com/unity/community/entry/IceHockeyConnections_ca_Hundreds_of_Different_Teams

You can also find tutorials on block design at my www.boonexnerd.net site. I have the complete PHP block tutorial there and update it now and again.

Much kudos to deano92964 for taking the time to write out the tutorial in an easy to follow format. Thanks for that contribution.

...sip...

Thanks for the post deano92964 :)

Have a look here  http://www.expertzzz.com/Downloadz/view/3607  .

Thanks so much for this...been looking for something like this for a long time now.
Works like a charm :)