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.

Signature Coding Issues

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Signature Coding Issues

Post by KemicalCandy on July 18th 2017, 6:43 pm

Forum: websoup.forumotion.com
Version: phpbb2
Permission Level: Founder


I posted about this issue once already, and after very little progress, I got no response back and it was moved to the garbage. Anyway, I have this code here in order to align/wrap images and text next to each other on my forum:

Code:
 
div[align="left"] {
    float: left;
}
 
div[align="right"] {
    float: right;
}

This code works, to an extent. Putting it in my CSS finally allows me to align/wrap images and text on the same line in my signature, but when I'm typing out a forum post and click the "preview" button, my signature runs up into my actual forum post (probably thinking it should align/wrap itself with that). It does not do this on the forum itself or on actual posts -- only when I am previewing posts before I actually post them. How do I force my signature to stay below my previewed forum posts? Does this require editing something in the html pages?
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by APE on July 18th 2017, 7:14 pm

Hello @KemicalCandy

if your posts are moved to the trash then this is down to you not bumping your thread after 24 to 48hrs

after 7 days the system will see your post as not getting used and will auto trash it.

So to stop this happening again please make sure your bump your post after every 48hrs but not before 24hrs has passed.

Thank you.

APE



avatar
APE
Manager
Manager

Male Posts : 10436
Reputation : 963
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Re: Signature Coding Issues

Post by SarkZKalie on July 18th 2017, 7:16 pm

Preview function is different, you have to add manually a class or style with align:position to that template.
avatar
SarkZKalie
Forumember

Male Posts : 575
Reputation : 87
Language : English

http://rotavn.nstars.org/

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on July 18th 2017, 7:54 pm

Where would I add that code into the template, and would that force the signature to stay in it's own line and not run up and intermix with the post being previewed?
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by SLGray on July 18th 2017, 8:06 pm

Also to add to APE's post, you could have send a PM to a staff member to open your topic again.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 39639
Reputation : 2666
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on July 19th 2017, 10:52 pm

bump
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by SarkZKalie on July 21st 2017, 12:28 pm

Could you please provide your forum URL with a code tag here? Any related template will help.
avatar
SarkZKalie
Forumember

Male Posts : 575
Reputation : 87
Language : English

http://rotavn.nstars.org/

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on July 22nd 2017, 7:58 am

Forum link is http://websoup.forumotion.com but I'm not too entirely sure what you mean by a code tag?
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by SLGray on July 22nd 2017, 8:16 am

Code:
[code][/code]


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 39639
Reputation : 2666
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on July 22nd 2017, 8:18 am

This is the code I am working with if it's what you are looking for:

Code:
 
div[align="left"] {
    float: left;
}
 
div[align="right"] {
    float: right;
}
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on July 24th 2017, 8:47 am

bump
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on July 26th 2017, 5:23 am

bump
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by SarkZKalie on July 26th 2017, 8:17 pm

I really need some of your related template, i.e : privmsg_topic_review, posting_preview and posting_topic_review. You may find them in ACP -> Display -> Templates -> Post & PMs
avatar
SarkZKalie
Forumember

Male Posts : 575
Reputation : 87
Language : English

http://rotavn.nstars.org/

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on July 27th 2017, 4:30 am

All three of those templates are in default, but do you want me to copy paste all of them here?
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on July 29th 2017, 5:08 am

bump
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by SLGray on July 29th 2017, 5:37 am

Yes, but make sure to put them in the code tags.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 39639
Reputation : 2666
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on July 29th 2017, 6:28 am

privmsg_topic_review
Code:
<!-- BEGIN switch_inline_mode -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" align="center" height="28"><b><span class="cattitle">{L_TOPIC_REVIEW}</span></b></td>
   </tr>
   <tr>
      <td class="row1">
      <!-- END switch_inline_mode -->
         <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
               <th class="thCornerL" width="22%" height="26">{L_AUTHOR}</th>
               <th class="thCornerR">{L_MESSAGE}</th>
            </tr>
            <!-- BEGIN postrow -->
            <tr>
               <td class="{postrow.ROW_CLASS}" valign="top" width="22%"><span class="name"><b>{postrow.POSTER_NAME}</b></span><br />{postrow.POSTER_AVATAR}</td>
               <td class="{postrow.ROW_CLASS}" valign="top" height="28">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                     <tr>
                        <td width="100%"><span class="postdetails"><img src="{ICON_TIME}" alt="" border="0" />{postrow.POST_DATE}<span class="gen">&nbsp;</span>&nbsp;&nbsp;&nbsp;<img title="{postrow.L_MINI_POST_ALT}" src="{postrow.MINI_POST_IMG}" alt="" border="0" />{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
                     </tr>
                     <tr>
                        <td colspan="2"><hr /></td>
                     </tr>
                     <tr>
                        <td colspan="2"><div class="postbody">{postrow.MESSAGE}</div></td>
                     </tr>
                  </table>
               </td>
            </tr>
            <tr>
               <td class="spaceRow" colspan="2" height="1"><img src="http://illiweb.com/fa/empty.gif" alt="" height="1" width="1" /></td>
            </tr>
            <!-- END postrow -->
         </table>
         <!-- BEGIN switch_inline_mode -->
      </td>
   </tr>
</table><!-- END switch_inline_mode -->

posting_preview
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4">
   <tr>
      <th class="thHead" height="25">{L_PREVIEW}</th>
   </tr>
   <tr>
      <td class="row1"><span class="postdetails"><img src="{MINI_POST_IMG}" alt="{L_POST}" title="{L_POST}" border="0" />{L_POST_SUBJECT}:
      {POST_SUBJECT}&nbsp; &nbsp;<img src="{MINI_TIME_IMG}" alt="" border="0" />{POST_DATE}</span></td>
   </tr>
   <tr>
      <td class="row1">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td><div class="postbody">{MESSAGE}</div></td>
         </tr>
      </table>
      </td>
   </tr>
   <tr>
      <td class="spaceRow" height="1"><img src="http://illiweb.com/fa/empty.gif" height="1" width="1" alt="" /></td>
   </tr>
</table>
<br clear="all" />

posting_topic_review
Code:
<!-- BEGIN switch_inline_mode -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" align="center" height="28"><b><span class="cattitle">{L_TOPIC_REVIEW}</span></b></td>
   </tr>
   <tr>
      <td class="row1"><!-- END switch_inline_mode -->
      <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
         <tr>
            <th class="thCornerL" width="22%" height="26">{L_AUTHOR}</th>
            <th class="thCornerR">{L_MESSAGE}</th>
         </tr>
         <!-- BEGIN postrow -->
         <!-- BEGIN displayed -->
         <tr>
            <td class="{postrow.displayed.ROW_CLASS}" align="left" valign="top" width="22%"><a name="{postrow.displayed.POST_ID}"></a><span class="name"><b>{postrow.displayed.POSTER_NAME}</b></span></td>
            <td class="{postrow.displayed.ROW_CLASS}" valign="top" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td width="100%">
                     <span class="postdetails"><img src="{ICON_TIME}" alt="" border="0" />{postrow.displayed.POST_DATE} &nbsp; {postrow.displayed.POST_SUBJECT}</span>
                  </td>
               </tr>
               <tr>
                  <td colspan="2">
                  <hr />
                  </td>
               </tr>
               <tr>
                  <td colspan="2"><div class="postbody">{postrow.displayed.MESSAGE}</div></td>
               </tr>
            </table>
            </td>
         </tr>
         <tr>
            <td class="spaceRow" colspan="2" height="1"><img src="http://illiweb.com/fa/empty.gif" alt="" height="1" width="1" /></td>
         </tr>
         <!-- END displayed -->
         <!-- BEGIN hidden -->
         <tr>
            <td class="postbody {postrow.hidden.ROW_CLASS}" align="center" colspan="2">{postrow.hidden.MESSAGE}</td>
         </tr>
         <!-- END hidden -->
         <!-- END postrow -->
      </table>
      <!-- BEGIN switch_inline_mode --></td>
   </tr>
</table>
<!-- END switch_inline_mode -->
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on July 31st 2017, 5:41 pm

bump
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on August 2nd 2017, 6:15 am

bump
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on August 3rd 2017, 2:54 pm

bump
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by SLGray on August 3rd 2017, 7:41 pm

Maybe it would help if you post screenshots of the issue you are having.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 39639
Reputation : 2666
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on August 6th 2017, 3:19 am

How it looks like when I post a message, which is the correct way it's supposed to look. (Ignore the signature template that I used for the post example, haha -- I just needed to stick something in the post that used text and image wrapping, and yes, the BB coding for that is messed up but that's not important here). I have circled my forum's signature dividing line in the image so you can see it.



Here is how it ends up looking when I am "previewing" a post. My signature and the post itself end up running into each other.

avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by SLGray on August 6th 2017, 6:47 am

Is this happening in all your posts or just the ones with coding? It looks like you might have an issue with the code you used in the post.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 39639
Reputation : 2666
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on August 7th 2017, 3:16 am

Correct; it only happens in some posts that have [left] [right] and [center] codes being used in them AFTER I applied this code in the CSS that is meant to allow text and images being wrapped next to each other:

Code:
 
div[align="left"] {
    float: left;
}
 
div[align="right"] {
    float: right;
}

So I want to be able to wrap images and text next to each other in posts as well as signatures, but the only issue I'm having with this wrapping code is the signature and post running into each when previewing posts.
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on August 8th 2017, 10:52 pm

bump
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by Kami-sama on August 8th 2017, 11:34 pm

Hey Smile

In your case I would specify it to apply only to specific section of the post. In your case signature if I understood correctly:
Code:
.signature_div div {
....
}
avatar
Kami-sama
Forumember

Female Posts : 312
Reputation : 7
Language : English, Russian, German, Lithuanian
Location : Lithuania

http://hogas.huhohi.com/

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on August 11th 2017, 4:14 am

Well I want the ability to wrap text and images in both signatures and forum posts -- I just need to somehow fix the issue of the post and signature intermixing when using the "preview post" function.
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by Kami-sama on August 11th 2017, 12:25 pm

as I mentioned, in this case you have to apply float separately:

Code:
.postbodyinside div {
....
}

.signature_div div {
....
}

This way only inside elements are effected, but signature and post alignment is not.
avatar
Kami-sama
Forumember

Female Posts : 312
Reputation : 7
Language : English, Russian, German, Lithuanian
Location : Lithuania

http://hogas.huhohi.com/

Back to top Go down

Re: Signature Coding Issues

Post by KemicalCandy on August 11th 2017, 10:33 pm

So to put it simply, I combine these two codes?

My current code:
Code:
div[align="left"] {
    float: left;
}
 
div[align="right"] {
    float: right;
}

Your code:
Code:
.postbodyinside div {
....
}
 
.signature_div div {
....
}

I'm not experienced in html coding, so how would this be combined?
avatar
KemicalCandy
Forumember

Posts : 42
Reputation : 2
Language : English

http://gocallico.forumotion.com

Back to top Go down

Re: Signature Coding Issues

Post by SLGray on August 11th 2017, 10:40 pm

That is CSS, not HTML


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 39639
Reputation : 2666
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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