replace text on idex page

by **admin** 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:");
});

by **admin** 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; }

by **admin** 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;
}

by **admin** 7/19/2011, 5:49 pm

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

by **admin** 7/22/2011, 10:08 am

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

by **admin** 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>

by **admin** 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

by **admin** 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%;}

by **admin** 7/29/2011, 11:14 am

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

by **admin** 8/5/2011, 12:08 am

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

by **admin** 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---------------------*/

by **admin** 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>

by **admin** 10/6/2011, 5:12 pm

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

by **admin** 10/24/2011, 12:31 pm

Code:: .postbody { margin-top: 30px; }

by **admin** 10/28/2011, 3:29 pm

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

li.row:hover {
background: url(https://i.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 ----------*/

by **admin** 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. }

by **admin** 12/29/2011, 11:55 am

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

by **admin** 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

by **admin** 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.)

by **admin** 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;
}

by **admin** 6/23/2012, 5:32 pm

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

by **admin** 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('https://2img.net/u/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
/*-- 
https://2img.net/i/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(); });
}

by **admin** 7/26/2012, 12:29 am

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

by **admin** 7/26/2012, 12:31 am

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

by **admin** 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;}

by Sponsored content

css

replace text on idex page

multiple quote blocks

footer changes

limits size of images in sigs

puts round corners on code box

not css but...

adjusts content around title and name

corners and border on post edit box

add space under nav bar

change bg color of individual post

group name shadow

image links on right side of index page

add glitter to group name on index

move post content down

add hover image and color on index category list

how to change spoiler box look

limits size of sig image

makes post bg color for a rank, a different color

how to change nav bar word

change multiple quotes background colors

change just color of user's name

LIKE BUTTON

PUTS IMAGE IN POST EDIT BOX

PUTS AN IMAGE INTO EVERY POST

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

Re: css


	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.