boffer green

Hello Guest!
Welcome to the official Square Foot Gardening Forum.
There's lots to learn here by reading as a guest. However, if you become a member (it's free and spam-free) you'll have access to our large vermiculite databases, our seed exchange spreadsheets, and many more pictures in the Gallery. Enjoy.


IP Search

IP SEARCH

Search boffer's Forum
Latest topics
» testing
by admin 4/27/2015, 11:26 pm

» css
by admin 11/26/2014, 10:06 am

» testing sig that goofs up everything
by admin 11/18/2013, 11:29 am

» table stuff for green forum
by admin 7/13/2012, 9:41 pm

» color test
by admin 7/10/2012, 10:37 pm

» table stuff from grey forum
by admin 2/28/2011, 12:35 pm

» ISO I"m...
by admin 2/25/2011, 12:24 am

» IHA I Have Available
by admin 1/28/2011, 1:28 am

» christmas decorations for 2010
by admin 12/31/2010, 9:28 pm

» Iframe and marquee
by admin 12/30/2010, 11:44 am


css

Page 4 of 5 Previous  1, 2, 3, 4, 5  Next

View previous topic View next topic Go down

not solved replace text on idex page

Post by admin on 7/17/2011, 4:20 pm

Add this code to the homepage message. It works just in the who is online section.



jQuery(function() {
var x=document.getElementById('i_whosonline').nextSibling;
x.innerHTML = x.innerHTML.replace(/Members connected during last 48 hours :/g,"Cats padded in recently:");
});








Last edited by admin on 7/17/2011, 6:59 pm; edited 1 time in total
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved multiple quote blocks

Post by admin on 7/17/2011, 6:31 pm

Your quote goes here
Code:
<blockquote class="quote1"> Your quote goes here </blockquote>

This is dependent on having this code in the css
Code:
blockquote.quote1 {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url(http://i69.servimg.com/u/f69/14/29/05/13/openqu10.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved footer changes

Post by admin on 7/19/2011, 3:43 pm

adds rounded corners

#gfooter {
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}

changes footer color
#gfooter {
background-color: #your color code here !important;
}
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved limits size of images in sigs

Post by admin on 7/19/2011, 5:49 pm

.signature_div img {
max-width: Xpx; max-height: Ypx;
}
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved puts round corners on code box

Post by admin on 7/22/2011, 10:08 am

dl.codebox {
border-radius: 15px 15px 15px 15px;
}
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved not css but...

Post by admin on 7/23/2011, 9:15 pm

removes date/time and last visit info above first category



Code:


<script type="text/javascript">
jQuery('#main-content>p:contains("Current date/time")').remove();
</script>
<script type="text/javascript">
jQuery('#main-content>p:contains("Your last visit was on")').remove();
</script>
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved adjusts content around title and name

Post by admin on 7/24/2011, 11:40 am

Use   ; for Admin Rank Title
(delete the space before the semicolon)

Adjust margins by adding this to your Css:
Code:

Code: ----------Select content
    .postprofile dt {
      margin-bottom:-12px;
      }
    .postprofile dd {
      margin-bottom:-5px;
      }
ACP»Display»Pictures & Colors»Colors»CSS Stylesheet

dt is for margin (gap) under name
dd is for gap under rank image


Last edited by admin on 7/24/2011, 5:52 pm; edited 1 time in total
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved corners and border on post edit box

Post by admin on 7/24/2011, 4:43 pm

Code:


#text_editor_textarea {
-moz-border-radius:7px 7px 7px 7px;
border-radius:7px 7px 7px 7px;
border:1px solid #1675BC;
textarea.inputbox
width:85%;}

avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved add space under nav bar

Post by admin on 7/29/2011, 11:14 am

Code:
#page-header .navbar {margin-bottom: 100px;}
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved change bg color of individual post

Post by admin on 8/5/2011, 12:08 am

#p35.post.row2.online{background-color:yellow;}
have to mess with row number also
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved group name shadow

Post by admin on 8/10/2011, 9:48 am

/*--------------------------------text shadow on group names on bottom of index----------------------*/

a[href="/g31-admin-emeritus"] {
text-shadow: 0 0 0.2em white, 0 0 0.2em white, 0 0 0.2em white;
}

/*--------------------------------end text shadow on group names---------------------*/
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved image links on right side of index page

Post by admin on 8/27/2011, 10:48 am



CSS
Code:
.flt-wdt{
position:fixed;
margin-right:10px;
right:0;
top:40%;
}
.flt-wdt img{
float:right;
clear:right;
margin:5px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.flt-wdt img:hover{
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg);
-o-transform: scale(1.2) rotate(6deg);
-ms-transform: scale(1.2) rotate(6deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1.2) rotate(6deg);
}



HTML CODE in homepage message, etc.
Code:
<div class="flt-wdt">
<a href="http://www.facebook.com/pages/DefenceDog/183379545033991" target="_blank" title="Follow Me on Facebook"><img alt="Follow Me on Facebook" src="http://i54.tinypic.com/zwdwko.jpg" /></a>

<a href="http://twitter.com/defencedog" target="_blank" title="Follow Me on Twitter"><img alt="Follow Me on Twitter" src="http://i56.tinypic.com/z7tz5.jpg" /></a>

<a href="http://feedburner.google.com/fb/a/mailverify?uri=Defencedog&loc=en_US" target="_blank" title="Subscribe to DefenceDog by Email"><img alt="Subscribe to DefenceDog by Email" src="http://i52.tinypic.com/se57r8.jpg" /></a>

<a href="http://feeds.feedburner.com/Defencedog" target="_blank" title="Subscribe to RSS"><img alt="Subscribe to RSS" src="http://i56.tinypic.com/1z498wo.jpg" /></a>


</div>
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved add glitter to group name on index

Post by admin on 10/6/2011, 5:12 pm

/*--------------------------------adds glitter to group name on index page-------------*/
a[href="/g31-admin-emeritus"] {
background: url("http://i42.servimg.com/u/f42/14/92/49/47/glitte10.gif");
}
/*--------------------------------end group name glitter---------------------------------*/

avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved move post content down

Post by admin on 10/24/2011, 12:31 pm

Code:

.postbody {
margin-top: 30px;
}

avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved add hover image and color on index category list

Post by admin on 10/28/2011, 3:29 pm

/*---------------- START HOVER LOOK ON INDEX CATEGORY LIST ----------*/

li.row:hover {
background: url(http://i45.servimg.com/u/f45/16/65/12/98/858b10.png) 100% 100% repeat;
background-position: right;
background-repeat: no-repeat;
background-color: #;}

/*---------------- END HOVER LOOK ON INDEX CATEGORY LIST ----------*/
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved how to change spoiler box look

Post by admin on 12/16/2011, 8:49 pm

Code:

      1. table.spoiler{
      2. border-color: transparent !important;
      3. background: transparent !important;
      4. }
      5. 
      6. td.spoiler_closed hidden{
      7. border-color: transparent !important;
      8. background: transparent !important;
      9. }
      10. 
      11. td.spoiler_content{
      12. border-color: transparent !important;
      13. background: transparent !important;
      14. }

For when box is closed
Code:

      1. td.spoiler_closed{
      2. border-color: transparent !important;
      3. background: transparent !important;
      4. }
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved limits size of sig image

Post by admin on 12/29/2011, 11:55 am

Code:

.postprofile dt img{
 max-height: 200px;
max-width: 150px;
 }



avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved makes post bg color for a rank, a different color

Post by admin on 2/9/2012, 9:10 pm

phpBB3:
1. Go to Admin Panel -> Users & Groups -> Ranks -> Rank
Administration -> Edit the rank you want to have the special post
color -> Replace the rank title with:

HTML Code
Code:

<span class="specialpost">RANK TITLE HERE</span>

2. Go to Admin Panel -> Modules -> JavaScript Codes Management -> Make
sure it's on -> Create new -> Title it whatever you want ->
Select in the topics -> Paste:
Javascript Code
Code:

$(function() {
$('div.post:has(".specialpost")').css('background-color','#000');
});

Replace #000 with whatever color you want the background to be.

2. Hit save and you're done Wink
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved how to change nav bar word

Post by admin on 5/1/2012, 10:27 pm

You try everything and didn't work. Don't worry. Do these steps:
Important:
I'm talking not for image navbar but for text navbar like here in this forum!
1) Navigate to Admin panel->Modules->Javascript codes managment
2) Create New Javascript
3) Give name and mark "In all pages"
3) Place this code:

Code: Select All
$(function() {
document.getElementById('i_icon_mini_menuhere').nextSibling.nodeValue='New name';
});


Where:
menuhere: give the menu name such as portal,calendar,home etc.
New name: give the menu new name.
4) Save
It is very easy and always work!
Credits:
80% Forumotion
20% Me (notes, images, etc.)
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved change multiple quotes background colors

Post by admin on 5/17/2012, 4:15 pm

blockquote blockquote {
background-color: #D6FFF6;
font-size: 1em;
margin: 0.5em 1px 0 15px;
}

blockquote blockquote blockquote {
background-color: #F1F2BA;
font-size: 1em;
margin: 0.5em 1px 0 15px;
}

blockquote blockquote blockquote blockquote {
background-color: #D9A5FA;
font-size: 1em;
margin: 0.5em 1px 0 15px;
}

blockquote blockquote blockquote blockquote blockquote {
background-color: #B6FFB5;
font-size: 1em;
margin: 0.5em 1px 0 15px;
}
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved change just color of user's name

Post by admin on 6/23/2012, 5:32 pm

a[href="/u13902"]{color: #ADA177;}
avatar
admin



Administrator

POSTS : 298
Join date : 2010-06-22
Location : <font size=&quot;4&quot;>the rainy zone</font>

View user profile http://boffer.creatingforum.com

Back to top Go down

not solved LIKE BUTTON

Post by admin on 7/10/2012, 8:57 pm

Turn on forumotion's reputation system; it puts a bar graph on the right.

This goes in CSS


/*--------------------------------START LIKE BUTTON-----------------------------------------*/


.LGlike {
background-image: url('http://r24.imgfast.net/users/2412/12/27/03/smiles/311672.gif');

background-repeat: no-repeat;
padding-top: 14px;
padding-bottom: 5px;
padding-right: 26px;

text-align: top;

color: #fff;
font-size: 0px;

cursor: pointer;
margin-right: 5px;
}


.LGvote { margin: 0 5px; }
.LGnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}

/*---------------------------------------END LIKE BUTTON-------------------------------------*/
original code
/*--
http://illiweb.com/fa/admin/icones/small_ico/type_li.png


.LGlike {
background: #105289;
padding: 3px;
border-radius: 4px;
color: #fff;
font-size: 10px;
font-weight: bold;
text-shadow: -1px 0.5px #888;
box-shadow: 1px 1px 1px #888;
cursor: pointer;
margin-right: 4px;
}
.LGvote { margin: 0 5px; }
.LGnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}

--*/



Make JS page; put this code on the page; check 'in topics


var like_version = 'phpbb3';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular ='Thumb';
var vote_plural = 'Thumbs';
$.getScript('http://stripes.nstars.org/15525.js');


You can use the JS script on another site that is listed above, or you can make another JS page and put this code in. Don't check anything.



/*
* A New Like/Dislike system for Invision Forumotion Boards.
* Copyright © by AvacWeb. All Rights Reserved.
* Use and modification of this script is not allowed without this entire copyright notice in the original,
* copied, or modified script. No distribution without consent from origin.
*/

function lglike(d,a){var g=a.innerHTML;a.innerHTML="Loading...";a.onclick="#";$.get(d,function(){a.className+=" LGnovote";a.innerHTML=g;var c=a.nextSibling,b=parseInt(/\d+/.exec(c.innerHTML)[0])+1;c.innerHTML=c.innerHTML.replace(/\d+/,b)})}

function init_lg_like_system() {
var x=$('.vote');
for(var i=0, l=x.length; i var vote = x[i], count = 0, plus = 0;
var bar = $('.vote-bar', vote)[0];
var button = $('.vote-button', vote)[0];
if(bar) {
var info = bar.title.match(/\d+/g);
count = info[0];
var percent = info[1];
plus = Math.round(parseInt(percent)*parseInt(count))/100;
}
button = button ?
''
: ''+vote_singular+'';

var votes_text = ''+plus+' '+(plus==1 ? vote_singular :vote_plural)+'';

if(like_version === 'phpbb3') {
$('.corners-bottom', vote.parentNode.parentNode)
.before('
'+button+votes_text+'
');
}
else if(like_version === 'invision') {
$(vote.parentNode.parentNode.parentNode.nextSibling.lastChild)
.prepend('
  • '+button+votes_text+'
  • ');
    }
    }
    x.remove();
    };

    if(DOM_IS_READY == true) {
    init_lg_like_system();
    }
    else {
    $(function(){ init_lg_like_system(); });
    }

    avatar
    admin



    Administrator

    POSTS : 298
    Join date : 2010-06-22
    Location : <font size=&quot;4&quot;>the rainy zone</font>

    View user profile http://boffer.creatingforum.com

    Back to top Go down

    not solved PUTS IMAGE IN POST EDIT BOX

    Post by admin on 7/26/2012, 12:29 am

    .ak_msgform_subject_right_td input, .ak_msgform_message_right_td textarea, textarea{
    background-image:url('http://i42.servimg.com/u/f42/14/92/49/47/danger10.png ');
    background-repeat: no-repeat;
    background-position: bottom right;}
    avatar
    admin



    Administrator

    POSTS : 298
    Join date : 2010-06-22
    Location : <font size=&quot;4&quot;>the rainy zone</font>

    View user profile http://boffer.creatingforum.com

    Back to top Go down

    not solved PUTS AN IMAGE INTO EVERY POST

    Post by admin on 7/26/2012, 12:31 am

    .post {
    background-image: url('http://i42.servimg.com/u/f42/14/92/49/47/danger10.png');
    background-repeat: repeat;
    background-position: top center;
    }
    avatar
    admin



    Administrator

    POSTS : 298
    Join date : 2010-06-22
    Location : <font size=&quot;4&quot;>the rainy zone</font>

    View user profile http://boffer.creatingforum.com

    Back to top Go down

    not solved to hide the Last visit was Thursday, July 16, 2009 - 13:56, new messages, posts, messages that did not answer, Mark all forums read:

    Post by admin on 7/26/2012, 12:36 am

    CSS to hide the Last visit was Thursday, July 16, 2009 - 13:56, new messages, posts, messages that did not answer, Mark all forums read:

    Code: ----------Select content
    .linklist {
    display:none !important;}

    .right, .rightside {
    display:none !important;}

    dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span,

    dd.moderation span {display:none !important;}
    avatar
    admin



    Administrator

    POSTS : 298
    Join date : 2010-06-22
    Location : <font size=&quot;4&quot;>the rainy zone</font>

    View user profile http://boffer.creatingforum.com

    Back to top Go down

    not solved Re: css

    Post by Sponsored content


    Sponsored content


    Back to top Go down

    Page 4 of 5 Previous  1, 2, 3, 4, 5  Next

    View previous topic View next topic Back to top


     
    Permissions in this forum:
    You cannot reply to topics in this forum