Split from Spanish Topic re Simple Portal Blocks

Natzu01 · May 01, 2016, 07:06:30 PM

you're capo thank you very much: D another query looks leveraging your knowledge

currently I use the simple portal and as you know to put affiliates like facebbok or accountant is needed blocks and then I put the blocks in html I found to place the facebook but looks ugly but more importane that I want to put a gallery of imaguenes placed where imaguenes give me another link to a new url bone another thanks tab.

the other is about whether I can send more animations as above

qc · May 01, 2016, 08:08:31 PM

I don't know much about this portal mod, but as long as you can create a block with HTML, you should be fine. As an admin, you can also use the [ hmtl]...[ /html] BBCode and place HTML code between these two tags.

For facebook, please follow the explanation here https://developers.facebook.com/docs/plugins/page-plugin/

You will have to add the following code immediately after the opening <body> tag in your theme's index.template.php file:

Code Select

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

The HTML-code you need to add to the portal block looks as follows (of course replace the fb-page with your own)

Code Select

<div class="fb-page" data-href="https://www.facebook.com/facebook" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook"><a href="https://www.facebook.com/facebook">Facebook</a></blockquote></div></div>

It will then look like this:

For the image gallery, you might e.g. want to have a look at a simple jQuery plugin such as https://plugins.jquery.com/WOWSlider/

You would need to include jQuery (if not already included) and the jQuery plugin script into your website, then adding the appropriate HTML code (read the plugin documentation). The result could look like this:

Regarding CSS animations, have a look at http://www.w3schools.com/css/css3_animations.asp - you can do pretty interesting things with @keyframes and CSS-transforms, but for your website I recommend not to overuse them...

Natzu01 · May 01, 2016, 09:03:17 PM

thank you very much finally could teach me how to put more effect to the forum of movement thanks

Code Select

.ie6_header {color: #FFF;}
body {animation:fontstatistics 4s infinite 50s;}
@keyframes fontstatistics {0%{transform:rotate(2deg);color:#FFF}50%{transform:rotate(-2deg);color:#000}100%{transform:rotate(2deg);color:#FFF}}

Irisado · May 02, 2016, 05:44:00 AM

I've split this from the topic in the Spanish boards, and the moderation note I wrote there is equally valid here. In future, please avoid asking someone to write in another language or responding in another language in a support board for a specific language. The Spanish boards are there for support to be written in Spanish, not any other language.

In addition, there is a support topic for Simple Portal, which can be found here: http://www.simplemachines.org/community/index.php?topic=227599.0. As a result, if you feel your English is up to it Natzu, and it seems to me that it is, you can ask future questions about Simple Portal there .

News:

Split from Spanish Topic re Simple Portal Blocks

Natzu01

qc

Natzu01

Irisado