Recent Topics

I would like a 3rd column added to my skin....

Started by on Mar 07, 2009 – Contents updated: Mar 07, 2009

1 Mar 07, 2009 00:38    

My b2evolution Version: Not Entered

Does anyone know how to add a 3rd column to their skin?
If so can you please help.
I used the 'integral' skin and would like another column on the left side.
my blog is located at http://d52blog.directory52.com
I appreciate your response. Thanks again!

2 Mar 20, 2009 01:51

Bumping to ask... I assume it's not easy/quick to add a third column otherwise there would be an answer already (I'm guessing)...right? asking because I'd really love a third column for glossyblue. :)

4 Mar 20, 2009 11:09

hudson2001 wrote:

Bumping to ask... I assume it's not easy/quick to add a third column otherwise there would be an answer already (I'm guessing)...right? asking because I'd really love a third column for glossyblue. :)

wow.. that really took longer than i expected, i wouldnt start if i knew it would took that long to add a sidebar :P

The skin is 3 col. at main page however i thought it would be better if it went to 2 col again in single mode, as the skin is fixed width and the post are should be larger in single mode.. feel free to duplicate/rename the posts.main php to single.main.php if you like 3 cols on single mode too

nvm.. here you go : glossyblueIII

[url=http://www.tilqi.com/assets/glossyblueIII.rar]Download[/url]

[url=http://www.cssdizayn.com/blog2.php]Preview[/url]

Skinshot:

http://i40.tinypic.com/63x6ab.jpg

Edit: the skin sucks with ie6, i will update it later

5 Mar 20, 2009 16:54

Wow, thanks! I will try installing today.

But what do you mean by single mode? Do you mean the original glossyblue?

Is this a fix or an entirely new skin?

(Maybe I will know once I download and look at it.)

6 Mar 20, 2009 17:36

hudson2001 wrote:

Wow, thanks! I will try installing today.

But what do you mean by single mode? Do you mean the original glossyblue?

Is this a fix or an entirely new skin?

(Maybe I will know once I download and look at it.)

it's a fix .. i mean single mode is the single post mode... once you click on a post you will note the diff.. let me know if there's issues, -dont come up with ie 6 problems.. : P i know there are i ll fix em sometime-

7 Mar 21, 2009 16:51

It's awesome! Now I just have to make some tiny alterations (the same changes I made to the skin originally - like line spacing in the category list).

YAY!!!!!!

8 Mar 21, 2009 17:09

hudson2001 wrote:

It's awesome!

really ? i assume you havent experienced it under ie6 B)

9 Mar 21, 2009 17:26

I only use FF. I suppose I should see what it looks like in IE since half my family still uses that. :)

10 Mar 26, 2009 23:51

Side question - how do I get widgets out of the bottom container? I am sure they were there in the original skin but since we are making changes, LOL.

I think it's weird anyway that the widgets from one column are automatically put in the bottom.

11 Mar 27, 2009 03:51

the bottom container is "Sidebar 2"..
go to blog settings>widgets>sidebar 2 and remove them

12 Mar 27, 2009 14:29

tilqicom wrote:

the bottom container is "Sidebar 2"..
go to blog settings>widgets>sidebar 2 and remove them

With the redesign it must have changed because I have two sidebars PLUS the bottom container, and everything that appears in sidebar 2 ALSO appears in the bottom container.

13 Mar 27, 2009 18:58

hudson2001 wrote:

tilqicom wrote:

the bottom container is "Sidebar 2"..
go to blog settings>widgets>sidebar 2 and remove them

With the redesign it must have changed because I have two sidebars PLUS the bottom container, and everything that appears in sidebar 2 ALSO appears in the bottom container.

i assume, the content of "sidebar 2" - the wider sidebar in the middle- is exactly the same with the ones in bottom right ?

and you want em in that middle column but not in bottom eh ?

if the 2 statements above are true, just remove the container from the body.footer.php or rename the container if you like the container to remain but want to change the content..

14 Mar 27, 2009 19:07

YAY! Thanks!

I renamed it "BottomBar" in the body.footer.php - just one last question... How do I get "BottomBar" to appear in the Blog Settings | Widgets area?

It's not crucial, as I really don't need anything there - I was just wondering.

And let me just say thank you again, a million times over!

15 Mar 27, 2009 19:18

it should be available already in the widgets area under name "bottombar".

1. it might be a browser cache thing, try ctrl+f5, if doesnt help try clearing your cache.

2. possibly you havent reloaded the containers.. go to global settings > skin install > there you will see a ring-like symbol at the end of each skin's row right before delete, click it to reload containers and go under widgets and refresh again

btw: directory52 do you still need that skin with a 3rd column.. could you pls respond to the topic.. if you do, i ll have a look at that some time.. i am currently fixing my released skins initial versions and trying to make some new ones, so it might take a while but i would..waiting for your response

16 Mar 27, 2009 19:40

tilqicom wrote:

it should be available already in the widgets area under name "bottombar".

1. it might be a browser cache thing, try ctrl+f5, if doesnt help try clearing your cache.

2. possibly you havent reloaded the containers.. go to global settings > skin install > there you will see a ring-like symbol at the end of each skin's row right before delete, click it to reload containers and go under widgets and refresh again

Yeah, I thought it should show up in the widgets area, but it didn't. I tried Ctrl-F5 and that didn't do anything. I checked the global settings/skin install but not all the skins are listed there (including either of the glossyblue skins). I thought maybe there was a second page of skins because it seems the ones there start with A-F, but there is no "next page" or "page 2" option. If I click the Name column, I then get W-N...but I can't access any skins that fall between F and N. :?:

17 Apr 15, 2009 17:12

I apologize for just getting back to you. I just got back in the country. I am still in need of help if you are willing to provide it. I will gladly appreciate it. Thanks again!

tilqicom wrote:

it should be available already in the widgets area under name "bottombar".

1. it might be a browser cache thing, try ctrl+f5, if doesnt help try clearing your cache.

2. possibly you havent reloaded the containers.. go to global settings > skin install > there you will see a ring-like symbol at the end of each skin's row right before delete, click it to reload containers and go under widgets and refresh again

btw: directory52 do you still need that skin with a 3rd column.. could you pls respond to the topic.. if you do, i ll have a look at that some time.. i am currently fixing my released skins initial versions and trying to make some new ones, so it might take a while but i would..waiting for your response

18 Apr 16, 2009 23:32

here you go.. it was quite easy, sorry for holding you that long for such a tiny operation

i have kept it 1024+ res. so your post area is a little smaller..

[url=http://www.tilqi.com/assets/integral3.rar]Download integralIII[/url]

tell me if you have anything that you dont like about it

19 Apr 17, 2009 01:48

tilqicom wrote:

here you go.. it was quite easy, sorry for holding you that long for such a tiny operation

i have kept it 1024+ res. so your post area is a little smaller..

[url=http://www.tilqi.com/assets/integral3.rar]Download integralIII[/url]

tell me if you have anything that you dont like about it

Thank you again! Their is something I would like to switch up. How can I can the sidebar on the right and the blog on the left? I think it would look a little better as I don't like how the words run up to the edge and the blue box is bigger than before. I do appreciate what you have done because it looks much better than before. Thanks again and I look forward to your response!

20 Apr 17, 2009 10:45

Copy the below and replace the whole content of your style.css and let me know if you like it better now.. you can still move the content to the left if you d like to, but it should look better now

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* Import b2evolution's stuff */
@import url(../../rsc/css/basic.css);	/* Import basic styles */
@import url(../../rsc/css/img.css);	/* Import standard image styles */
@import url(../../rsc/css/blog_elements.css);	/* Import standard blog elements styles */
@import url(../../rsc/css/forms.css);	/* Import default form styles */
@import url(../../rsc/css/comments.css);	/* Import default comment styles */


/* Elements */

body {
	margin: 20px 0 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A1A1A1;
}

h1 {
}

h2, h3, h4, h5, h6 {
	color: #2582A4;
}

p, ol, ul {
	text-align: justify;
}

strong {
	font-weight: bold;
	color: #808080;
}

a {
	color: #87A019;
}

a:hover {
	text-decoration: none;
	color: #2582A4;
}

.bSideItem {
	margin-bottom: 0;
	padding-bottom: 0;
	background: url(images/img07.gif) repeat-x left bottom;
}

.bottom {
	display: block;
	margin-bottom: 0;
	padding-bottom: 10px;
	background: url(images/img08.gif) no-repeat left bottom;
}

.bottom3 {
	display: block;
	margin-bottom: 0;
	padding-bottom: 10px;
	background: url(images/img18.gif) no-repeat right bottom;
}

.image {
	float: left;
	margin: 3px 0 0 0;
	padding: 0;
}

.indent {
	margin-left: 125px;
}

/* Header */

#header {
	width: 945px;
	height: 37px;
	margin: 0 auto;
	background: #BECF74 url(images/img01.gif) repeat-x;
	border-bottom: 3px solid #FFFFFF;
}

/* Menu */

#menu {
	float: left;
	width: 670px;
	height: 37px;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	background: url(images/img02.gif) no-repeat;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 27px;
	padding: 10px 15px 0px 15px;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	background: #A4B74C url(images/img04.gif) repeat-x;
}

/* Search */

#search {
	float: right;
	height: 28px;
	margin: 0;
	padding: 9px 25px 0 0;
	background: url(images/img03.gif) no-repeat right top;
}

#search fieldset {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}

#input1 {
	width: 164px;
	padding: 2px 5px;
	background: #FFFFFF;
	border: none;
}

#input2 {
	height: 20px;
	background: #87C4DB;
	border: none;
	text-transform: lowercase;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Content */

#content {
	width: 945px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#colOne {
	float: left;
	width: 168px;
	background: url(images/img05.gif) repeat-x;
}

#colThree {
	float: left;
	width: 185px;
	background: url(images/img05.gif) repeat-x;
	padding: 0;
	margin: 0;
	padding-top: 145px;
	overflow: hidden;
}
#colOne h3, #colThree h3 {
	padding: 0 20px;
}

#colOne ul {
	margin-left: 0;
	padding-left: 20px;
	padding-right: 20px;
	list-style: none;
}

#colThree ul {
	margin-left: 0;
	padding-left: 20px;
	padding-right: 20px;
	list-style: none;
}


#colOne li {
	padding: 5px 0;
	border-top: 1px solid #EFEFEF;
}

#colOne li.first {
	border: none;
}

#colThree li {
	padding: 5px 0;
	border-top: 1px solid #EFEFEF;
}

#colThree li.first {
	border: none;
}

#colTwo {
	float: right;
	width: 547px;
	padding: 30px 20px 0 20px;
	background: url(images/img09.gif) repeat-x;
}

#colTwo h2 {
	margin-top: 0;
	font-size: 26px;
}

#colTwo h3 {
	margin-bottom: 0;
	font-size: 18px;
}

#colTwo h4 {
	margin-top: 0;
	font-size: 11px;
	font-weight: normal;
}

#colTwo .box {
	margin: 0 -30px 30px -20px;
	padding: 0 30px 0 20px;
}

#colTwo .bottom {
	margin: 0 0 20px -20px;
	padding: 0 0 20px 20px;
}

#colThree .bottom3 {
	margin: 0 0 20px -20px;
	padding: 0 0 20px 20px;
}


/* Logo */

#logo {
	height: 150px;
	background: url(images/img06.gif) no-repeat;
}

#logo h1, #logo h2, #logo a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;
	color: #FFFFFF;
}

#logo h1 {
	padding-top: 10px;
	font-size: 16pt;
}

#logo h2 {
	margin-top: -5px;
	font-size: 12px;
}

/* Footer */

#pageFooter {
	clear: both;
	width: 945px;
	margin: 0 auto;
	padding-top: 40px;
	background: url(images/img11.gif) repeat-x;
}

#pageFooter p {
	margin: 0;
	text-align: center;
}


#colOne .SearchField {
	
	width: 150px;}

21 Apr 17, 2009 15:52

tilqicom wrote:

Copy the below and replace the whole content of your style.css and let me know if you like it better now.. you can still move the content to the left if you d like to, but it should look better now

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* Import b2evolution's stuff */
@import url(../../rsc/css/basic.css);	/* Import basic styles */
@import url(../../rsc/css/img.css);	/* Import standard image styles */
@import url(../../rsc/css/blog_elements.css);	/* Import standard blog elements styles */
@import url(../../rsc/css/forms.css);	/* Import default form styles */
@import url(../../rsc/css/comments.css);	/* Import default comment styles */


/* Elements */

body {
	margin: 20px 0 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A1A1A1;
}

h1 {
}

h2, h3, h4, h5, h6 {
	color: #2582A4;
}

p, ol, ul {
	text-align: justify;
}

strong {
	font-weight: bold;
	color: #808080;
}

a {
	color: #87A019;
}

a:hover {
	text-decoration: none;
	color: #2582A4;
}

.bSideItem {
	margin-bottom: 0;
	padding-bottom: 0;
	background: url(images/img07.gif) repeat-x left bottom;
}

.bottom {
	display: block;
	margin-bottom: 0;
	padding-bottom: 10px;
	background: url(images/img08.gif) no-repeat left bottom;
}

.bottom3 {
	display: block;
	margin-bottom: 0;
	padding-bottom: 10px;
	background: url(images/img18.gif) no-repeat right bottom;
}

.image {
	float: left;
	margin: 3px 0 0 0;
	padding: 0;
}

.indent {
	margin-left: 125px;
}

/* Header */

#header {
	width: 945px;
	height: 37px;
	margin: 0 auto;
	background: #BECF74 url(images/img01.gif) repeat-x;
	border-bottom: 3px solid #FFFFFF;
}

/* Menu */

#menu {
	float: left;
	width: 670px;
	height: 37px;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	background: url(images/img02.gif) no-repeat;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 27px;
	padding: 10px 15px 0px 15px;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	background: #A4B74C url(images/img04.gif) repeat-x;
}

/* Search */

#search {
	float: right;
	height: 28px;
	margin: 0;
	padding: 9px 25px 0 0;
	background: url(images/img03.gif) no-repeat right top;
}

#search fieldset {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}

#input1 {
	width: 164px;
	padding: 2px 5px;
	background: #FFFFFF;
	border: none;
}

#input2 {
	height: 20px;
	background: #87C4DB;
	border: none;
	text-transform: lowercase;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Content */

#content {
	width: 945px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#colOne {
	float: left;
	width: 168px;
	background: url(images/img05.gif) repeat-x;
}

#colThree {
	float: left;
	width: 185px;
	background: url(images/img05.gif) repeat-x;
	padding: 0;
	margin: 0;
	padding-top: 145px;
	overflow: hidden;
}
#colOne h3, #colThree h3 {
	padding: 0 20px;
}

#colOne ul {
	margin-left: 0;
	padding-left: 20px;
	padding-right: 20px;
	list-style: none;
}

#colThree ul {
	margin-left: 0;
	padding-left: 20px;
	padding-right: 20px;
	list-style: none;
}


#colOne li {
	padding: 5px 0;
	border-top: 1px solid #EFEFEF;
}

#colOne li.first {
	border: none;
}

#colThree li {
	padding: 5px 0;
	border-top: 1px solid #EFEFEF;
}

#colThree li.first {
	border: none;
}

#colTwo {
	float: right;
	width: 547px;
	padding: 30px 20px 0 20px;
	background: url(images/img09.gif) repeat-x;
}

#colTwo h2 {
	margin-top: 0;
	font-size: 26px;
}

#colTwo h3 {
	margin-bottom: 0;
	font-size: 18px;
}

#colTwo h4 {
	margin-top: 0;
	font-size: 11px;
	font-weight: normal;
}

#colTwo .box {
	margin: 0 -30px 30px -20px;
	padding: 0 30px 0 20px;
}

#colTwo .bottom {
	margin: 0 0 20px -20px;
	padding: 0 0 20px 20px;
}

#colThree .bottom3 {
	margin: 0 0 20px -20px;
	padding: 0 0 20px 20px;
}


/* Logo */

#logo {
	height: 150px;
	background: url(images/img06.gif) no-repeat;
}

#logo h1, #logo h2, #logo a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;
	color: #FFFFFF;
}

#logo h1 {
	padding-top: 10px;
	font-size: 16pt;
}

#logo h2 {
	margin-top: -5px;
	font-size: 12px;
}

/* Footer */

#pageFooter {
	clear: both;
	width: 945px;
	margin: 0 auto;
	padding-top: 40px;
	background: url(images/img11.gif) repeat-x;
}

#pageFooter p {
	margin: 0;
	text-align: center;
}


#colOne .SearchField {
	
	width: 150px;}

WOW! Thank you so much! I like that much better than the last one. Would it be to much for me to ask for the code to try it at this size but with the blog post to the left. I just want to see how that would look. Thank you again for this. You are such a big help! :D

22 Apr 17, 2009 16:15

not at all.. you just would have to load the sidebars after post area..

that would be for index.main.php

<?php
/**
 * This is the main/default page template.
 *
 * For a quick explanation of b2evo 2.0 skins, please start here:
 * {@link http://manual.b2evolution.net/Skins_2.0}
 *
 * It is used to display the blog when no specific page template is available to handle the request.
 *
 * @package evoskins
 * @subpackage integral
 *
 * Skin made by Larry Nieves, aka El Cardenalero, aka El Liberal Venezolano
 * aka 315Web <lnieves@315-web.com>
 * Design by Free CSS Templates
 * http://www.freecsstemplates.org
 * Released for free under a Creative Commons Attribution 2.5 License
 */

if( !defined('EVO_MAIN_INIT') ) die( 'Please, do not access this page directly.' );

// This is the main template; it may be used to display very different things.
// Do inits depending on current $disp:
skin_init( $disp );


// -------------------------- HTML HEADER INCLUDED HERE --------------------------
skin_include( '_html_header.inc.php' );
// Note: You can customize the default HTML header by copying the
// _html_header.inc.php file into the current skin folder.
// -------------------------------- END OF HEADER --------------------------------
?>
<div id="header"><!-- Begins header -->

<?php
/* "Page Top" Container embedded here
 * Display container and contents
 */
skin_container( NT_( 'Page Top' ), array( // The following params will be used as defaults for widgets included in this container:
	'block_start' => 					'<div class="$wi_class$">',
	'block_end' => 						'</div>',
	'block_display_title' =>	false,
	'list_start' =>						'<ul id="menu">',
	'list_end' =>							'</ul>',
	'item_start' =>						'<li>',
	'item_end'	=>						'</li>',
) ) ;
/* Ends "Page Top" Container
 */
?>
<?php
  form_formstart( $Blog->gen_blogurl( ), 'search', 'searchForm' ); 
  $s = get_param( 's' ) ;
?>
		<fieldset>
    <input name="s" type="text" id="input1" value="<?php htmlspecialchars($s)?>" class="SearchField" />
		<input name="sentence" type="hidden" id="i_sentence" value="AND" checked="checked" />
    <input name="input2" type="submit" id="input2" value="<?php echo T_( 'Search' ) ?>" />
		</fieldset>
	</form>
</div><!-- Ends header -->

<div id="content"><!-- Begins content -->
	
<!-- =================================== START OF MAIN AREA =================================== -->
	<div id="colTwo"><!-- Begins colTwo -->
	<?php
		// ------------------------- MESSAGES GENERATED FROM ACTIONS -------------------------
		messages( array(
				'block_start' => '<div class="action_messages">',
				'block_end'   => '</div>',
			) );
		// --------------------------------- END OF MESSAGES ---------------------------------
	?>

	<?php
		// ------------------- PREV/NEXT POST LINKS (SINGLE POST MODE) -------------------
		item_prevnext_links( array(
				'block_start' => '<table class="prevnext_post"><tr>',
				'prev_start'  => '<td>',
				'prev_end'    => '</td>',
				'next_start'  => '<td class="right">',
				'next_end'    => '</td>',
				'block_end'   => '</tr></table>',
			) );
		// ------------------------- END OF PREV/NEXT POST LINKS -------------------------
	?>

	<?php
		// ------------------------ TITLE FOR THE CURRENT REQUEST ------------------------
		request_title( array(
				'title_before'=> '<h2>',
				'title_after' => '</h2>',
				'title_none'  => '',
				'glue'        => ' - ',
				'title_single_disp' => true,
				'format'      => 'htmlbody',
			) );
		// ----------------------------- END OF REQUEST TITLE ----------------------------
	?>

	<?php
		// -------------------- PREV/NEXT PAGE LINKS (POST LIST MODE) --------------------
		mainlist_page_links( array(
				'block_start' => '<p class="center">'.T_('Pages:').' <strong>',
				'block_end' => '</strong></p>',
			) );
		// ------------------------- END OF PREV/NEXT PAGE LINKS -------------------------
	?>

	<?php
		// --------------------------------- START OF POSTS -------------------------------------
		// Display message if no post:
		display_if_empty();

		while( $Item = & mainlist_get_item() )
		{	// For each blog post, do everything below up to the closing curly brace "}"
		?>

		<?php
			// ------------------------------ DATE SEPARATOR ------------------------------
			$MainList->date_if_changed( array(
					'before'      => '<h2>',
					'after'       => '</h2>',
					'date_format' => '#',
				) );
		?>

			<div id="<?php $Item->anchor_id() ?>" class="bPost bPost<?php $Item->status_raw() ?> box" lang="<?php $Item->lang() ?>">

			<?php
				$Item->locale_temp_switch(); // Temporarily switch to post locale (useful for multilingual blogs)
			?>

				<div class="bSmallHead"><!-- begins bSmallHead -->
				<?php
				// Permalink:
					$Item->permanent_link( array(
						'text' => '#icon#',
					) );

					$Item->issue_time( array(
						'before'    => ' ',
						'after'     => '',
					));

					$Item->author( array(
						'before'    => ', '.T_('by').' <strong>',
						'after'     => '</strong>',
					) );

					$Item->msgform_link();
          echo ', ';

          $Item->wordcount();
          echo ' '.T_('words');
          echo ', ';
          $Item->views();

          $Item->locale_flag( array(
						'before'    => ' &nbsp; ',
						'after'     => '',
					) );
        ?>
        <br />

        <?php
          $Item->categories( array(
            'before'          => T_('Categories').': ',
            'after'           => ' ',
            'include_main'    => true,
            'include_other'   => true,
            'include_external'=> true,
            'link_categories' => true,
          ) );
        ?>
        </div><!-- ends bSmallHead -->

        <h3 class="bTitle"><?php $Item->title(); ?></h3>

        <?php
          // ---------------------- POST CONTENT INCLUDED HERE ----------------------
          skin_include( '_item_content.inc.php', array(
						'image_size'	=>	'fit-400x320',
					) );
          // Note: You can customize the default item feedback by copying the generic
          // /skins/_item_feedback.inc.php file into the current skin folder.
          // -------------------------- END OF POST CONTENT -------------------------
        ?>

        <?php
          // List all tags attached to this post:
          $Item->tags( array(
						'before' =>         '<div class="bSmallPrint">'.T_('Tags').': ',
						'after' =>          '</div>',
						'separator' =>      ', ',
					) );
        ?>

        <div class="bSmallPrint"><!-- begins bSmallPrint -->
				<?php
					// Permalink:
					$Item->permanent_link( array(
							'class' => 'permalink_right',
						) );

					// Link to comments, trackbacks, etc.:
					$Item->feedback_link( array(
									'type' => 'comments',
									'link_before' => '',
									'link_after' => '',
									'link_text_zero' => '#',
									'link_text_one' => '#',
									'link_text_more' => '#',
									'link_title' => '#',
									'use_popup' => false,
								) );

					// Link to comments, trackbacks, etc.:
					$Item->feedback_link( array(
									'type' => 'trackbacks',
									'link_before' => ' &bull; ',
									'link_after' => '',
									'link_text_zero' => '#',
									'link_text_one' => '#',
									'link_text_more' => '#',
									'link_title' => '#',
									'use_popup' => false,
								) );

					$Item->edit_link( array( // Link to backoffice for editing
							'before'    => ' &bull; ',
							'after'     => '',
						) );
        ?>
        </div><!-- ends bSmallPrint -->

        <?php
          // ------------------ FEEDBACK (COMMENTS/TRACKBACKS) INCLUDED HERE ------------------
          skin_include( '_item_feedback.inc.php', array(
						'before_section_title' => '<h4>',
						'after_section_title'  => '</h4>',
					) );
          // Note: You can customize the default item feedback by copying the generic
          // /skins/_item_feedback.inc.php file into the current skin folder.
          // ---------------------- END OF FEEDBACK (COMMENTS/TRACKBACKS) ---------------------
        ?>

        <?php
          locale_restore_previous();	// Restore previous locale (Blog locale)
        ?>
      </div><!-- ends bPost -->
		<?php
		} // ---------------------------------- END OF POSTS ------------------------------------
    ?>

    <?php
      // -------------------- PREV/NEXT PAGE LINKS (POST LIST MODE) --------------------
      mainlist_page_links( array(
				'block_start' => '<p class="center"><strong>',
				'block_end' => '</strong></p>',
   			'prev_text' => '&lt;&lt;',
   			'next_text' => '&gt;&gt;',
			) );
      // ------------------------- END OF PREV/NEXT PAGE LINKS -------------------------
    ?>


    <?php
      // -------------- MAIN CONTENT TEMPLATE INCLUDED HERE (Based on $disp) --------------
      skin_include( '$disp$', array(
				'disp_posts'  => '',		// We already handled this case above
				'disp_single' => '',		// We already handled this case above
				'disp_page'   => '',		// We already handled this case above
			) );
      // Note: you can customize any of the sub templates included here by
      // copying the matching php file into your skin directory.
      // ------------------------- END OF MAIN CONTENT TEMPLATE ---------------------------
    ?>
	</div><!-- ends colTwo -->
    
    <div id="sidebars">
  <div id="colOne"><!-- Begins colOne -->
    <div id="logo"><!-- Begins logo -->
      <h1><?php blog_home_link( '', '', $Blog->get_name() ); ?></h1>
      <h2><?php $Blog->tagline( ) ; ?></h2>
    </div><!-- ends logo -->


<?php
/* "Sidebar" Container embedded here
 * Display container and contents
 */
skin_container( NT_( 'Sidebar' ), array( // The following params will be used as defaults for widgets included in this container:
	'block_start' => 					'<div class="bSideItem $wi_class$">',
	'block_end' => 						'</div>',
	'block_title_start' =>		'<h3>',
	'block_title_end' =>			'</h3>',
	'list_start' =>						'<ul class="bottom">',
	'list_end' =>							'</ul>',
	'item_start' =>						'<li>',
	'item_end'	=>						'</li>',
) ) ;
/* Ends "Sidebar" Container
 */
?>
	<p class="center"><!-- Please help us promote b2evolution and leave this link on your blog. --><a href="http://b2evolution.net/" title="b2evolution: next generation blog software"><img src="../../rsc/img/powered-by-b2evolution-120t.gif" alt="powered by b2evolution free blog software" title="b2evolution: next generation blog software" width="120" height="32" border="0" /></a></p>
	</div><!-- Ends colOne -->

<div id="colThree">
<?php
/* "Sidebar" Container embedded here
 * Display container and contents
 */
skin_container( NT_( 'Sidebar 2' ), array( // The following params will be used as defaults for widgets included in this container:
	'block_start' => 					'<div class="bSideItem $wi_class$">',
	'block_end' => 						'</div>',
	'block_title_start' =>		'<h3>',
	'block_title_end' =>			'</h3>',
	'list_start' =>						'<ul class="bottom3">',
	'list_end' =>							'</ul>',
	'item_start' =>						'<li>',
	'item_end'	=>						'</li>',
) ) ;
/* Ends "Sidebar" Container
 */
?></div>

</div> <!-- end of #sidebars-->
<?php
// ------------------------- BODY FOOTER INCLUDED HERE --------------------------
skin_include( '_body_footer.inc.php' );
// Note: You can customize the default BODY footer by copying the
// _body_footer.inc.php file into the current skin folder.
// ------------------------------- END OF FOOTER --------------------------------
?>

<?php
// ------------------------- HTML FOOTER INCLUDED HERE --------------------------
skin_include( '_html_footer.inc.php' );
// Note: You can customize the default HTML footer by copying the
// _html_footer.inc.php file into the current skin folder.
// ------------------------------- END OF FOOTER --------------------------------
/* vi: ts=2 sw=2 et fenc=utf-8 nu
 */
?>

and add these to the very end of your style.css

#sidebars {
	float: right;}
	
#colTwo {
	float: left;}

or just grab the modified files [url=http://www.tilqi.com/assets/integral_swap.rar]here[/url]

23 Apr 17, 2009 17:30

tilqicom wrote:

not at all.. you just would have to load the sidebars after post area..

that would be for index.main.php

<?php
/**
 * This is the main/default page template.
 *
 * For a quick explanation of b2evo 2.0 skins, please start here:
 * {@link http://manual.b2evolution.net/Skins_2.0}
 *
 * It is used to display the blog when no specific page template is available to handle the request.
 *
 * @package evoskins
 * @subpackage integral
 *
 * Skin made by Larry Nieves, aka El Cardenalero, aka El Liberal Venezolano
 * aka 315Web <lnieves@315-web.com>
 * Design by Free CSS Templates
 * http://www.freecsstemplates.org
 * Released for free under a Creative Commons Attribution 2.5 License
 */

if( !defined('EVO_MAIN_INIT') ) die( 'Please, do not access this page directly.' );

// This is the main template; it may be used to display very different things.
// Do inits depending on current $disp:
skin_init( $disp );


// -------------------------- HTML HEADER INCLUDED HERE --------------------------
skin_include( '_html_header.inc.php' );
// Note: You can customize the default HTML header by copying the
// _html_header.inc.php file into the current skin folder.
// -------------------------------- END OF HEADER --------------------------------
?>
<div id="header"><!-- Begins header -->

<?php
/* "Page Top" Container embedded here
 * Display container and contents
 */
skin_container( NT_( 'Page Top' ), array( // The following params will be used as defaults for widgets included in this container:
	'block_start' => 					'<div class="$wi_class$">',
	'block_end' => 						'</div>',
	'block_display_title' =>	false,
	'list_start' =>						'<ul id="menu">',
	'list_end' =>							'</ul>',
	'item_start' =>						'<li>',
	'item_end'	=>						'</li>',
) ) ;
/* Ends "Page Top" Container
 */
?>
<?php
  form_formstart( $Blog->gen_blogurl( ), 'search', 'searchForm' ); 
  $s = get_param( 's' ) ;
?>
		<fieldset>
    <input name="s" type="text" id="input1" value="<?php htmlspecialchars($s)?>" class="SearchField" />
		<input name="sentence" type="hidden" id="i_sentence" value="AND" checked="checked" />
    <input name="input2" type="submit" id="input2" value="<?php echo T_( 'Search' ) ?>" />
		</fieldset>
	</form>
</div><!-- Ends header -->

<div id="content"><!-- Begins content -->
	
<!-- =================================== START OF MAIN AREA =================================== -->
	<div id="colTwo"><!-- Begins colTwo -->
	<?php
		// ------------------------- MESSAGES GENERATED FROM ACTIONS -------------------------
		messages( array(
				'block_start' => '<div class="action_messages">',
				'block_end'   => '</div>',
			) );
		// --------------------------------- END OF MESSAGES ---------------------------------
	?>

	<?php
		// ------------------- PREV/NEXT POST LINKS (SINGLE POST MODE) -------------------
		item_prevnext_links( array(
				'block_start' => '<table class="prevnext_post"><tr>',
				'prev_start'  => '<td>',
				'prev_end'    => '</td>',
				'next_start'  => '<td class="right">',
				'next_end'    => '</td>',
				'block_end'   => '</tr></table>',
			) );
		// ------------------------- END OF PREV/NEXT POST LINKS -------------------------
	?>

	<?php
		// ------------------------ TITLE FOR THE CURRENT REQUEST ------------------------
		request_title( array(
				'title_before'=> '<h2>',
				'title_after' => '</h2>',
				'title_none'  => '',
				'glue'        => ' - ',
				'title_single_disp' => true,
				'format'      => 'htmlbody',
			) );
		// ----------------------------- END OF REQUEST TITLE ----------------------------
	?>

	<?php
		// -------------------- PREV/NEXT PAGE LINKS (POST LIST MODE) --------------------
		mainlist_page_links( array(
				'block_start' => '<p class="center">'.T_('Pages:').' <strong>',
				'block_end' => '</strong></p>',
			) );
		// ------------------------- END OF PREV/NEXT PAGE LINKS -------------------------
	?>

	<?php
		// --------------------------------- START OF POSTS -------------------------------------
		// Display message if no post:
		display_if_empty();

		while( $Item = & mainlist_get_item() )
		{	// For each blog post, do everything below up to the closing curly brace "}"
		?>

		<?php
			// ------------------------------ DATE SEPARATOR ------------------------------
			$MainList->date_if_changed( array(
					'before'      => '<h2>',
					'after'       => '</h2>',
					'date_format' => '#',
				) );
		?>

			<div id="<?php $Item->anchor_id() ?>" class="bPost bPost<?php $Item->status_raw() ?> box" lang="<?php $Item->lang() ?>">

			<?php
				$Item->locale_temp_switch(); // Temporarily switch to post locale (useful for multilingual blogs)
			?>

				<div class="bSmallHead"><!-- begins bSmallHead -->
				<?php
				// Permalink:
					$Item->permanent_link( array(
						'text' => '#icon#',
					) );

					$Item->issue_time( array(
						'before'    => ' ',
						'after'     => '',
					));

					$Item->author( array(
						'before'    => ', '.T_('by').' <strong>',
						'after'     => '</strong>',
					) );

					$Item->msgform_link();
          echo ', ';

          $Item->wordcount();
          echo ' '.T_('words');
          echo ', ';
          $Item->views();

          $Item->locale_flag( array(
						'before'    => ' &nbsp; ',
						'after'     => '',
					) );
        ?>
        <br />

        <?php
          $Item->categories( array(
            'before'          => T_('Categories').': ',
            'after'           => ' ',
            'include_main'    => true,
            'include_other'   => true,
            'include_external'=> true,
            'link_categories' => true,
          ) );
        ?>
        </div><!-- ends bSmallHead -->

        <h3 class="bTitle"><?php $Item->title(); ?></h3>

        <?php
          // ---------------------- POST CONTENT INCLUDED HERE ----------------------
          skin_include( '_item_content.inc.php', array(
						'image_size'	=>	'fit-400x320',
					) );
          // Note: You can customize the default item feedback by copying the generic
          // /skins/_item_feedback.inc.php file into the current skin folder.
          // -------------------------- END OF POST CONTENT -------------------------
        ?>

        <?php
          // List all tags attached to this post:
          $Item->tags( array(
						'before' =>         '<div class="bSmallPrint">'.T_('Tags').': ',
						'after' =>          '</div>',
						'separator' =>      ', ',
					) );
        ?>

        <div class="bSmallPrint"><!-- begins bSmallPrint -->
				<?php
					// Permalink:
					$Item->permanent_link( array(
							'class' => 'permalink_right',
						) );

					// Link to comments, trackbacks, etc.:
					$Item->feedback_link( array(
									'type' => 'comments',
									'link_before' => '',
									'link_after' => '',
									'link_text_zero' => '#',
									'link_text_one' => '#',
									'link_text_more' => '#',
									'link_title' => '#',
									'use_popup' => false,
								) );

					// Link to comments, trackbacks, etc.:
					$Item->feedback_link( array(
									'type' => 'trackbacks',
									'link_before' => ' &bull; ',
									'link_after' => '',
									'link_text_zero' => '#',
									'link_text_one' => '#',
									'link_text_more' => '#',
									'link_title' => '#',
									'use_popup' => false,
								) );

					$Item->edit_link( array( // Link to backoffice for editing
							'before'    => ' &bull; ',
							'after'     => '',
						) );
        ?>
        </div><!-- ends bSmallPrint -->

        <?php
          // ------------------ FEEDBACK (COMMENTS/TRACKBACKS) INCLUDED HERE ------------------
          skin_include( '_item_feedback.inc.php', array(
						'before_section_title' => '<h4>',
						'after_section_title'  => '</h4>',
					) );
          // Note: You can customize the default item feedback by copying the generic
          // /skins/_item_feedback.inc.php file into the current skin folder.
          // ---------------------- END OF FEEDBACK (COMMENTS/TRACKBACKS) ---------------------
        ?>

        <?php
          locale_restore_previous();	// Restore previous locale (Blog locale)
        ?>
      </div><!-- ends bPost -->
		<?php
		} // ---------------------------------- END OF POSTS ------------------------------------
    ?>

    <?php
      // -------------------- PREV/NEXT PAGE LINKS (POST LIST MODE) --------------------
      mainlist_page_links( array(
				'block_start' => '<p class="center"><strong>',
				'block_end' => '</strong></p>',
   			'prev_text' => '&lt;&lt;',
   			'next_text' => '&gt;&gt;',
			) );
      // ------------------------- END OF PREV/NEXT PAGE LINKS -------------------------
    ?>


    <?php
      // -------------- MAIN CONTENT TEMPLATE INCLUDED HERE (Based on $disp) --------------
      skin_include( '$disp$', array(
				'disp_posts'  => '',		// We already handled this case above
				'disp_single' => '',		// We already handled this case above
				'disp_page'   => '',		// We already handled this case above
			) );
      // Note: you can customize any of the sub templates included here by
      // copying the matching php file into your skin directory.
      // ------------------------- END OF MAIN CONTENT TEMPLATE ---------------------------
    ?>
	</div><!-- ends colTwo -->
    
    <div id="sidebars">
  <div id="colOne"><!-- Begins colOne -->
    <div id="logo"><!-- Begins logo -->
      <h1><?php blog_home_link( '', '', $Blog->get_name() ); ?></h1>
      <h2><?php $Blog->tagline( ) ; ?></h2>
    </div><!-- ends logo -->


<?php
/* "Sidebar" Container embedded here
 * Display container and contents
 */
skin_container( NT_( 'Sidebar' ), array( // The following params will be used as defaults for widgets included in this container:
	'block_start' => 					'<div class="bSideItem $wi_class$">',
	'block_end' => 						'</div>',
	'block_title_start' =>		'<h3>',
	'block_title_end' =>			'</h3>',
	'list_start' =>						'<ul class="bottom">',
	'list_end' =>							'</ul>',
	'item_start' =>						'<li>',
	'item_end'	=>						'</li>',
) ) ;
/* Ends "Sidebar" Container
 */
?>
	<p class="center"><!-- Please help us promote b2evolution and leave this link on your blog. --><a href="http://b2evolution.net/" title="b2evolution: next generation blog software"><img src="../../rsc/img/powered-by-b2evolution-120t.gif" alt="powered by b2evolution free blog software" title="b2evolution: next generation blog software" width="120" height="32" border="0" /></a></p>
	</div><!-- Ends colOne -->

<div id="colThree">
<?php
/* "Sidebar" Container embedded here
 * Display container and contents
 */
skin_container( NT_( 'Sidebar 2' ), array( // The following params will be used as defaults for widgets included in this container:
	'block_start' => 					'<div class="bSideItem $wi_class$">',
	'block_end' => 						'</div>',
	'block_title_start' =>		'<h3>',
	'block_title_end' =>			'</h3>',
	'list_start' =>						'<ul class="bottom3">',
	'list_end' =>							'</ul>',
	'item_start' =>						'<li>',
	'item_end'	=>						'</li>',
) ) ;
/* Ends "Sidebar" Container
 */
?></div>

</div> <!-- end of #sidebars-->
<?php
// ------------------------- BODY FOOTER INCLUDED HERE --------------------------
skin_include( '_body_footer.inc.php' );
// Note: You can customize the default BODY footer by copying the
// _body_footer.inc.php file into the current skin folder.
// ------------------------------- END OF FOOTER --------------------------------
?>

<?php
// ------------------------- HTML FOOTER INCLUDED HERE --------------------------
skin_include( '_html_footer.inc.php' );
// Note: You can customize the default HTML footer by copying the
// _html_footer.inc.php file into the current skin folder.
// ------------------------------- END OF FOOTER --------------------------------
/* vi: ts=2 sw=2 et fenc=utf-8 nu
 */
?>

and add these to the very end of your style.css

#sidebars {
	float: right;}
	
#colTwo {
	float: left;}

or just grab the modified files [url=http://www.tilqi.com/assets/integral_swap.rar]here[/url]

Thanks a million. I might change it back to the last one you sent but I like this too. I switched my widgets to go into different columns. In doing so I don't know why I don't have an option to get my "contact" widget back. It doesn't show up as an option any more. Any suggestions? Thank you again! You helped me out so much!

24 Apr 17, 2009 22:44

have no idea |: maybe you have removed it by mistake ? try reloading containers under "manage skins"

26 May 12, 2009 04:32

tilqicom wrote:

hudson2001 wrote:

Bumping to ask... I assume it's not easy/quick to add a third column otherwise there would be an answer already (I'm guessing)...right? asking because I'd really love a third column for glossyblue. :)

wow.. that really took longer than i expected, i wouldnt start if i knew it would took that long to add a sidebar :P

The skin is 3 col. at main page however i thought it would be better if it went to 2 col again in single mode, as the skin is fixed width and the post are should be larger in single mode.. feel free to duplicate/rename the posts.main php to single.main.php if you like 3 cols on single mode too

nvm.. here you go : glossyblueIII

[url=http://www.tilqi.com/assets/glossyblueIII.rar]Download[/url]

[url=http://www.cssdizayn.com/blog2.php]Preview[/url]

Skinshot:

http://i40.tinypic.com/63x6ab.jpg

Edit: the skin sucks with ie6, i will update it later

Hi there,
Great to see glossyblue with a wider content column! Actually thats all I need and not been able to work it out. I used your new skin and by removing all widgets from sidebar2 using the customize menu in blog admin, I get a nice wide main column and thin sidebar when clicking into a post...however there are still 3 columns on the main page of posts.

How do I get rid of the column on the main page of posts? (And how did you widen the width of the posts column...tried everything in style.css!)

Thank you


Form is loading...

Secure CMS – This forum is powered by b2evolution CMS, a complete engine for your website.