HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Shoutbox & IOTD in Welcome Zone

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#46373 (In Topic #10128)
Avatar

Fan in action

Not working as I would desire

I am sorry in advance:
 :$

montejistas.com (Its open just now to check, tanks)

Iotd block WILL NOT CENTER (Help)
'['title="1"]'['center]'['block]main_greeting[/block']'[/cen
ter']'[/title']'

'['center]'['font size="36pt"]'['block]side_shoutbox[/block']'[/font']'[/cente
r']'

'['center]'['font size="12pt"]'['block param="random"]main_iotd[/block']'[/font']'[/center']'


montejistas_com/templates_custom: BLOCK_SIDE_SHOUTBOX_IFRAME.tpl (SOME TIMES WILL NOT OPEN CONTENT, just the title shows  O_o )
{+START,BOX,{!SHOUTBOX},{$PANEL_WIDTH},panel,tray_closed}
   <iframe title="{!SHOUTBOX}" id="the_shoutbox" name="the_shoutbox" frameborder="0" marginwidth="0" marginheight="0" class="expandable_iframe" scrolling="yes" src="{$FIND_SCRIPT*,shoutbox}?room_id={ROOM_ID*}{$KEEP*}&kee
p_theme={$THEME*}">{!SHOUTBOX}</iframe>
   <script type="text/javascript">// <![CDATA[
      //setInterval('resizeFrame(\'the_s
houtbox\')',5000);
   //]]></script>
{+END}


montejistas_com/templates_custom: IMG_THUMB.tpl (I NEED THE IMAGE TO BE BIGGER, help…  Do I change the percentage? 40% >> 80%? Or here we are just talking about transparency? SORRY  :'( )
{+START,IF,{$CONFIG_OPTION,enable_image_fading}}
{$JAVASCRIPT_INCLUDE,javascript_thumbnails}
{+START,IF,{$NOT,{JS_TOOLTIP}}}
<img alt="{CAPTION*~}" title="{CAPTION*~}" class="img_thumb" onmouseover="nereidFade(this,100,70,5)" onmouseout="nereidFade(this,70,50,5)" src="{URL*}" />
{+END}
{+START,IF,{JS_TOOLTIP}}
<img alt="" class="img_thumb" onmousemove="if (window.activateTooltip) repositionTooltip(this,event);" onmouseover="if (window.activateTooltip) activateTooltip(this,event,'{CAPTION*;~}','40%'); nereidFade(this,100,70,5);" onmouseout="if (window.deactivateTooltip) deactivateTooltip(this,event); nereidFade(this,70,50,5);" src="{URL*}" />
{+END}
{+END}
{+START,IF,{$NOT,{$CONFIG_OPTION,enable_image_fading}}}
{+START,IF,{$NOT,{JS_TOOLTIP}}}
<img alt="{CAPTION*~}" title="{CAPTION*~}" src="{URL*}" />
{+END}
{+START,IF,{JS_TOOLTIP}}
<img alt="" onmousemove="if (window.activateTooltip) repositionTooltip(this,event);" onmouseover="if (window.activateTooltip) activateTooltip(this,event,'{CAPTION*;~}','40%');" onmouseout="if (window.deactivateTooltip) deactivateTooltip(this,event);" src="{URL*}" />
{+END}
{+END}
Back to the top
 
Posted
Rating:
#46389
Avatar

Community saint

Hi MC! Are you looking to center it in relation to the entire page or in relation to where it's sitting now?

"no violence, no hate, no pain, no enemies
just peace, unity, tolerance and love" - The Beloved

OCP V7 | Advocating monetary reform - FreeOurMoney

Need OCP friendly hosting? Look no further:
Web Hosting, Reseller Hosting, and Dedicated Servers w/cPanel - Elief! - Official hosting partner for ocPortal.
Back to the top
 
Posted
Rating:
#46391
Avatar

About centering. I'm updating the docs to explain this…

Note the 'center' tag can only center text, not (X)HTML block elements (like most ocPortal blocks). To center blocks you need to use CSS centering like, [semihtml]<div style="margin: 0 auto; width: 300px;">[block]main_iotd[/block]</div>[/semihtml]. In old versions of HTML centering was easy but that support was dropped, and unfortunately this more complex hand-coded CSS needs using nowadays to be standards-compliant.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#46392
Avatar

montejistas_com/templates_custom: BLOCK_SIDE_SHOUTBOX_IFRAME.tpl (SOME TIMES WILL NOT OPEN CONTENT, just the title shows  O_o )

Is there any pattern to this?
ocPortal will use Javascript to make the shoutbox's frame fit the space required for the messages inside it. If some kind of Javascript error happens, such as a "cross-domain security error", that could get blocked by the web browser. Establishing a pattern or looking for Javascript errors in the browsers error console can help.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#46393
Avatar

montejistas_com/templates_custom: IMG_THUMB.tpl (I NEED THE IMAGE TO BE BIGGER, help…  Do I change the percentage? 40% >> 80%? Or here we are just talking about transparency? SORRY  :'( )

There's a config option for this. I think it's called something like 'Thumbnail width'.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: