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
avatar
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
avatar
~@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?
avatar
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
avatar
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
avatar
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
avatar
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)
avatar
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.
avatar
~@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
avatar
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" ?
avatar
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
avatar
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.
avatar
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
avatar
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!!!
avatar
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?
avatar
~@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
avatar
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
avatar
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
avatar
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