The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Box Around "Last Edited By"

View previous topic View next topic Go down

Solved Box Around "Last Edited By"

Post by Aconitin on October 2nd 2012, 3:38 pm

How to create box around "last edited by'" text..
So, it will look like this :
Last Edited By : Aconitin bla.. bla.. bla..
Forum version : PhpBB2


Last edited by Aconitin on October 8th 2012, 9:26 am; edited 1 time in total

Aconitin
Forumember

Male Posts : 246
Reputation : 7
Language : Indonesian
Location : Indonesia

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by ~@dikz~ on October 2nd 2012, 4:15 pm

I also want to know that.. I think , we just need to add some codes in css, but i don't know what is it.. Confused

~@dikz~
Forumember

Male Posts : 363
Reputation : 4
Language : English & Tagalog
Location : Legazpi, Philippines - Bicol University

http://adikz.forumtl.com

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by Aconitin on October 4th 2012, 8:40 am

Look at my testing forum -> http://test.homediscussion.net/t2-testing-of-the-forum#5
Weird line appear below every post.. Help?

Aconitin
Forumember

Male Posts : 246
Reputation : 7
Language : Indonesian
Location : Indonesia

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by Aconitin on October 4th 2012, 7:41 pm

Thanks but the box doesn't appear.. Very Happy

Aconitin
Forumember

Male Posts : 246
Reputation : 7
Language : Indonesian
Location : Indonesia

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by Aconitin on October 4th 2012, 8:08 pm

Still doesn't appear, sir.. Very Happy

Aconitin
Forumember

Male Posts : 246
Reputation : 7
Language : Indonesian
Location : Indonesia

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by Aconitin on October 6th 2012, 7:12 am

Yes, it's On..
Still doesn't work.. Sad -> http://test.homediscussion.net/t2-testing-of-the-forum#5

Aconitin
Forumember

Male Posts : 246
Reputation : 7
Language : Indonesian
Location : Indonesia

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by nextlevelgaming on October 6th 2012, 8:03 am

I believe the CSS way would be alot easier.

Code:
p .last_edit{
  width:80% !important;
  height:auto !important;
  border:1px dashed #000 !important;
  background:#c4c4c4 !important;
  overflow:hidden !important;
  word-wrap:normal !important;
  min-height:0;
}

Just go to the spot Rideem told you about, but instead do something else--

Code:
<span class="gensmall"><p class="last_edit>{postrow.displayed.EDITED_MESSAGE}</p></span>

It looks like a seperator; but maybe LG knows of a JS code, that if p.last_edit is empty to make it display:none;

Smile hoped that worked for you cuz it worked for me! lol


Last edited by nextlevelgaming on October 6th 2012, 8:15 am; edited 1 time in total (Reason for editing : fixed issues)

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by ~@dikz~ on October 6th 2012, 9:55 am

@nextlevelgaming wrote:I believe the CSS way would be alot easier.

Code:
p .last_edit{
  width:80% !important;
  height:auto !important;
  border:1px dashed #000 !important;
  background:#c4c4c4 !important;
  overflow:hidden !important;
  word-wrap:normal !important;
  min-height:0;
}

Just go to the spot Rideem told you about, but instead do something else--

Code:
<span class="gensmall"><p class="last_edit>{postrow.displayed.EDITED_MESSAGE}</p></span>

It looks like a seperator; but maybe LG knows of a JS code, that if p.last_edit is empty to make it display:none;

Smile hoped that worked for you cuz it worked for me! lol

When I followed your tut sir.. The last edit..etc.. gone? Confused

I just removed it again.

~@dikz~
Forumember

Male Posts : 363
Reputation : 4
Language : English & Tagalog
Location : Legazpi, Philippines - Bicol University

http://adikz.forumtl.com

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by nextlevelgaming on October 6th 2012, 3:09 pm

Yeah it caused the box to disappear altogether, so i fixed the corresponding code. Like I said I'm sure if LG helps ya finding if the p element is empty to make it display:none; then you should be fine Smile but if you follow the tut, it will give you an actual box instead of a border around the sentence

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by AceSuazo on October 6th 2012, 3:39 pm

How did you make the "TESTING ANNOUNCEMENTS" ?

AceSuazo
Forumember

Male Posts : 70
Reputation : 3
Language : English, Tagalog & Bisayan

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by Aconitin on October 6th 2012, 6:51 pm

Em.. Still need help Razz

Aconitin
Forumember

Male Posts : 246
Reputation : 7
Language : Indonesian
Location : Indonesia

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by nextlevelgaming on October 6th 2012, 7:53 pm

Ace that is actually in another question given a tut

http://help.forumotion.com/t115385-forum-name-effect-and-bar-at-the-top


And rideem I gotcha. So this should work for the OP. I tested the original CSS and it makes a box around the sentence, which if long, looks weird. So I added into it a <p> element.

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by Aconitin on October 7th 2012, 5:59 am

Rideem3 wrote:I've tested it myself on your forum via scratch pad and it worked fine. Can you provide me with a test admin account?

Sure..
Check your inbox, sir.. Smile

Aconitin
Forumember

Male Posts : 246
Reputation : 7
Language : Indonesian
Location : Indonesia

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by nextlevelgaming on October 7th 2012, 6:20 am

EASY FIX Smile

Code:
$(function() {
$('p.last_edit:empty').hide();
});

worked for me!!!

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by ~@dikz~ on October 7th 2012, 12:46 pm

@nextlevelgaming wrote:EASY FIX Smile

Code:
$(function() {
$('p.last_edit:empty').hide();
});

worked for me!!!

Do you have a test forum for that?

~@dikz~
Forumember

Male Posts : 363
Reputation : 4
Language : English & Tagalog
Location : Legazpi, Philippines - Bicol University

http://adikz.forumtl.com

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by nextlevelgaming on October 7th 2012, 4:45 pm

yeah, www.thegamerspodium.forumotion.com was a site i was creating but is now just my test. go to http://thegamerspodium.forumotion.com/t3-hey-ya-all

You will see that the line is gone, and the edited message has a box around it Smile

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by Aconitin on October 8th 2012, 9:30 am

Thanks all..
Finally this is solved.. Wink

Aconitin
Forumember

Male Posts : 246
Reputation : 7
Language : Indonesian
Location : Indonesia

Back to top Go down

Solved Re: Box Around "Last Edited By"

Post by Jophy on October 8th 2012, 9:40 am

Topic Solved & Locked

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


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