Hi Dr. Radut.
First, sorry for my bad english.
I love your theme and i use this from 6.x version.
The approach to new yahoo pure css is beatiful, flexibile and great!
So, i have some difficult to apply _custom css to users region, my scope is:
region user-1 -> width fix to 25%
region user-2 -> width auto or 37,5%
region user-3 -> width auto or 37,5%
region user-4 -> not used.
I search around theme css but not find a solution...
Is possible have this setting?
Thanks in advance, Luca

Comments

linno created an issue. See original summary.

linno’s picture

linno CreditAttribution: linno commented

Hi ,
so I study around pure css and make in html my layout, how to apply this to zero point theme?

<div id="nav" class="yui3-g">
    <div class="yui3-u-1-5">
        <div class="content">
USER 1
        </div>
    </div>
    <div id="main" class="yui3-u-2-5">
        <div class="content">
USER 2
        </div>
    </div>
        <div id="extra" class="yui3-u-2-5">
        <div class="content">
USER 3
        </div>
    </div>
</div>

no find solution from myself... I found in template.php this: 

  ....  if ($cols == '3') {
      return 'pure-u-1 pure-u-md-1-3';
    } ...

Is the right way?
help me please, thanks.

saurabh.dhariwal’s picture

saurabh.dhariwal CreditAttribution: saurabh.dhariwal at AddWeb Solution Pvt. Ltd. commented

For your purpose change following codes in the respective files stated below.

1. Find the below code in zeropoint.info file (i.e.sites/all/themes/zeropoint/zeropoint.info)

regions[page_top] = Page top
regions[sidebar_first] = Sidebar first
regions[sidebar_second] = Sidebar second
regions[topreg] = Top region
regions[header] = Header
regions[user1] = User 1
regions[user2] = User 2
regions[user3] = User 3
regions[user4] = User 4
regions[highlighted] = Highlighted
regions[content] = Content
regions[user5] = User 5
regions[user6] = User 6
regions[user7] = User 7
regions[user8] = User 8
regions[footer] = Footer
regions[page_bottom] = Page bottom

and replace with the below code:

regions[page_top] = Page top
regions[sidebar_first] = Sidebar first
regions[sidebar_second] = Sidebar second
regions[topreg] = Top region
regions[header] = Header
regions[user1] = User 1
regions[user2] = User 2
regions[user3] = User 3
regions[highlighted] = Highlighted
regions[content] = Content
regions[user5] = User 5
regions[user6] = User 6
regions[user7] = User 7
regions[user8] = User 8
regions[footer] = Footer
regions[page_bottom] = Page bottom
<code>

2. Find the below code in template.php file (i.e.sites/all/themes/zeropoint/template.php)

<code>
function section_class($page, $onefour=true){
  if($onefour) {
    $cols = (bool) $page['user1'] + (bool) $page['user2'] + (bool) $page['user3'] + (bool) $page['user4'];
  } else {
    $cols = (bool) $page['user5'] + (bool) $page['user6'] + (bool) $page['user7'] + (bool) $page['user8'];
  }
  if((theme_get_setting('grid_responsive') == '1') && ((preg_match('/(?i)msie [2-7]/',$_SERVER['HTTP_USER_AGENT']))) == FALSE) {
    if ($cols == '1') {
      return 'pure-u-1';
    }
    if ($cols == '2') {
      return 'pure-u-1 pure-u-sm-1-2';
    }
    if ($cols == '3') {
      return 'pure-u-1 pure-u-md-1-3';
    }
    if ($cols == '4') {
      return 'pure-u-1 pure-u-sm-1-2 pure-u-md-1-4';
    }
  } else {
      return 'pure-u-1-'.$cols;
    }
}

and replace with the below code:

function section_class($page, $onefour=true){
  $flag = '0';
  if($onefour) {
    $cols = (bool) $page['user1'] + (bool) $page['user2'] + (bool) $page['user3'] ;
    $flag = 1;
  } else {
    $cols = (bool) $page['user5'] + (bool) $page['user6'] + (bool) $page['user7'] + (bool) $page['user8'];
  }
  if((theme_get_setting('grid_responsive') == '1') && ((preg_match('/(?i)msie [2-7]/',$_SERVER['HTTP_USER_AGENT']))) == FALSE) {
    if ($cols == '1') {
      return 'pure-u-1';
    }
    if ($cols == '2') {
      return 'pure-u-1 pure-u-sm-1-2';
    }
    if ($cols == '3') {
      if((isset($flag) && !empty($flag)) && $flag == '1' ){  
          $section_test = array("pure-u-1", "pure-u-md-1-5", "pure-u-md-2-5");
          return $section_test;     
      }else{
        return 'pure-u-sm-1-3';
      }
      
    }
    if ($cols == '4') {
      return 'pure-u-1 pure-u-sm-1-2 pure-u-md-1-4';
    }
  } else {
      return 'pure-u-1-'.$cols;
    }
}

3. page.tpl.php (i.e..sites/all/themes/zeropoint/templates/page.tpl.php)

<?php if($page['user1'] || $page['user2'] || $page['user3'] || $page['user4']) : ?>
<div id="section1" class="sections pure-g" role="complementary">
<?php if($page['user1']) : ?><div class="<?php print section_class($page); ?>"><div class="u1"><?php print render ($page['user1']); ?></div></div><?php endif; ?>
<?php if($page['user2']) : ?><div class="<?php print section_class($page); ?>"><div class="u2 <?php print divider() ?>"><?php print render ($page['user2']); ?></div></div><?php endif; ?>
<?php if($page['user3']) : ?><div class="<?php print section_class($page); ?>"><div class="u3 <?php print divider() ?>"><?php print render ($page['user3']); ?></div></div><?php endif; ?>
<?php if($page['user4']) : ?><div class="<?php print section_class($page); ?>"><div class="u4 <?php print divider() ?>"><?php print render ($page['user4']); ?></div></div><?php endif; ?>
</div>
<?php endif; ?>

and replace with the below code:

<?php if($page['user1'] || $page['user2'] || $page['user3']) : ?>
<div id="section1" class="sections pure-g" role="complementary">
<?php $section_new_class=section_class($page); ?>
<?php if($page['user1']) : ?><div class="<?php if(is_array($section_new_class)) print $section_new_class[0]." ".$section_new_class[1]; else print section_class($page); ?>"><div class="u1"><?php print render ($page['user1']); ?></div></div><?php endif; ?>
<?php if($page['user2']) : ?><div class="<?php if(is_array($section_new_class)) print $section_new_class[0]." ".$section_new_class[2]; else print section_class($page); ?>"><div class="u2 <?php print divider() ?>"><?php print render ($page['user2']); ?></div></div><?php endif; ?>
<?php if($page['user3']) : ?><div class="<?php if(is_array($section_new_class)) print $section_new_class[0]." ".$section_new_class[2]; else print section_class($page); ?>"><div class="u3 <?php print divider() ?>"><?php print render ($page['user3']); ?></div></div><?php endif; ?>
</div>
<?php endif; ?>

Let me know if you face any query/concern regarding the same.

Thanks!

linno’s picture

linno CreditAttribution: linno commented

Hi! Thanks for quickly reply,
It's Work!
I understand your solution whit $flag=1, I think is possible to apply same code for the region 5-8, I will try.
Thanks Again!
Luca

linno’s picture

linno CreditAttribution: linno commented

Hi all..
so i have configure all the user block with custom code is not very elegant but run...

template.php:

function section_class($page, $onefour=true){
  $flag = '0';
  if($onefour) {
    $cols = (bool) $page['user1'] + (bool) $page['user2'] + (bool) $page['user3'] ;
    $flag = 1;
  } else {
    $cols = (bool) $page['user5'] + (bool) $page['user6'] + (bool) $page['user7'] ;
    $flag1 = 2;
  }
  if((theme_get_setting('grid_responsive') == '1') && ((preg_match('/(?i)msie [2-7]/',$_SERVER['HTTP_USER_AGENT']))) == FALSE) {
    if ($cols == '1') {
      return 'pure-u-1';
    }
    if ($cols == '2') {
      return 'pure-u-1 pure-u-sm-1-2';
    }
    if ($cols == '3') {
      if((isset($flag) && !empty($flag)) && $flag == '1' ){  
          $section_test = array("pure-u-1", "pure-u-md-1-5", "pure-u-md-2-5");
          return $section_test;     
      }
      elseif((isset($flag1) && !empty($flag1)) && $flag1 == '2' ){  
          $section_test1 = array("pure-u-md-1-5", "pure-u-md-2-5", "pure-u-1");
          return $section_test1;     
      }
	  else{
        return 'pure-u-sm-1-3';
      }
      
    }
    if ($cols == '4') {
      return 'pure-u-1 pure-u-sm-1-2 pure-u-md-1-4';
    }
  } else {
      return 'pure-u-1-'.$cols;
    }
}

page--front.tpl.php:

<?php if($page['user5'] || $page['user6'] || $page['user7']) : ?>
<div id="section1" class="sections pure-g" role="complementary">
<?php $section_new_class=section_class($page); ?>
<?php if($page['user5']) : ?><div class="<?php if(is_array($section_new_class)) print $section_new_class[0]." ".$section_new_class[2]; else print section_class($page); ?>"><div class="u5"><?php print render ($page['user5']); ?></div></div><?php endif; ?>
<?php if($page['user6']) : ?><div class="<?php if(is_array($section_new_class)) print $section_new_class[0]." ".$section_new_class[2]; else print section_class($page); ?>"><div class="u6 <?php print divider() ?>"><?php print render ($page['user6']); ?></div></div><?php endif; ?>
<?php if($page['user7']) : ?><div class="<?php if(is_array($section_new_class)) print $section_new_class[0]." ".$section_new_class[1]; else print section_class($page); ?>"><div class="u7 <?php print divider() ?>"><?php print render ($page['user7']); ?></div></div><?php endif; ?>
</div>
<?php endif; ?>

Tanks to @saurabh.dhariwal for the magic help!

linno’s picture

linno CreditAttribution: linno commented
Title: region user 1-3 » region user 1-3 & region user 5-7
saurabh.dhariwal’s picture

saurabh.dhariwal CreditAttribution: saurabh.dhariwal at AddWeb Solution Pvt. Ltd. commented

Thanks a lot linno. Feel free to ping me up or mail me anytime for any relative issues.

Thanks
Saurabh Dhariwal
Skype ID: dhariwal.saurabh

Florian’s picture

Florian CreditAttribution: Florian commented
Priority: Major » Normal
Status: Active » Fixed
Florian’s picture

Florian CreditAttribution: Florian commented
Status: Fixed » Closed (works as designed)