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.

Prioritize?

View previous topic View next topic Go down

Solved Prioritize?

Post by Dustination on December 2nd 2015, 7:46 am

Hi, here's my forum: http://projectcrusade.forumotion.com/
I'd like to have the video of the fireplace be above the accordion news box, is it possible? The video is located in templates and the accordion code is located in the CSS. Thanks for any help.


Last edited by Dustination on December 2nd 2015, 8:08 am; edited 1 time in total

Dustination
Forumember

Posts : 27
Reputation : 1
Language : English

http://projectcrusade.forumotion.com/

Back to top Go down

Solved Re: Prioritize?

Post by Guest on December 2nd 2015, 7:47 am

Have you tried putting the video in the announcements module?

Guest
Guest


Back to top Go down

Solved Re: Prioritize?

Post by Dustination on December 2nd 2015, 7:54 am

Half way into writing this response I realized I had not published the template. My apologies. So this is technically solved I guess, just place the div higher up.

However I am indeed interested in putting the video in the news box now that you've brought it up, how would I go about it? Here's the accordion script:

Code:
.accordion {
      text-align:left;
      font:'Helvetica Neue', Verdana, Arial, sans-serif;
    }
    .accordion ol {
      position: relative;
      overflow: hidden;
      height: 100%;
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    .accordion li > h2 {
      color: black;
      font-weight: normal;
      margin: 0;
      z-index: 2;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform: translateX(-100%) rotate(-90deg);
      -webkit-transform-origin: right top;
      -moz-transform: translateX(-100%) rotate(-90deg);
      -moz-transform-origin: right top;
      -o-transform: translateX(-100%) rotate(-90deg);
      -o-transform-origin: right top;
      -ms-transform: translateX(-100%) rotate(-90deg);
      -ms-transform-origin: right top;
      transform: translateX(-100%) rotate(-90deg);
      transform-origin: right top;
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
    .accordion li > h2 span { display: block; padding-right: 8%; text-align: right; height: 90%; margin-top: 5px; }
    .accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%9; left: 10%; left: 5%9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
    .accordion li > h2:hover { cursor: pointer; }
    .accordion li > a { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; }
    .accordion noscript p { padding: 10px; margin: 0; background: white; }
   
    /****************************************** Basic */
    .basic li > h2 { background: #333; color: white; line-height: 1.8em; }
    .basic li > div h3 { margin: 15px 10px; }
    .basic li > div p { margin: 10px; font-size: 14px; }
   
    /****************************************** Dark */
    .dark { border: 9px solid #353535; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #030303; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
      box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); }
    .dark li > h2 { background: #030303; font-size: 16px; line-height: 2.7em; text-shadow: 0 -1px 0 #030303; }
    .dark li > h2 span { background: #353535; color: white; }
    .dark li > h2 b { background: #353535; color: #030303; font-size: 20px; text-shadow: -1px 1px 0 #5b5b5b; }
    .dark h2.selected span, .dark h2.selected span:hover { background: #434343; background: -webkit-gradient(linear, left top, right top, color-stop(0, #353535), color-stop(1, #555555)); background: -moz-linear-gradient(top left, #353535 0%, #555555 100%); }
    .dark h2.selected b { background: #434343; }
    .dark li > a { background: #030303; margin-left: 5px; }
   
    /*************************************** Rounded */
    .rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
    .rounded li > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
   
    /***************************************** Light */
    /**************************************** Stitch */

    #s1 {
    display:block;
    background:url("https://dl.dropboxusercontent.com/u/184353366/FORUM/qdsa2.png") no-repeat #030303;
    }
    #s2 {
      display:block;
    background:url("https://dl.dropboxusercontent.com/u/184353366/FORUM/online%20announcement%202.png") no-repeat #030303;
    }
    #s3 {
    display:block;
    background:url("https://dl.dropboxusercontent.com/u/184353366/FORUM/APEX%20ANNOUNCEMENT.png") no-repeat #030303;
    }
    #s4 {
      display:block;
    background:url("https://dl.dropboxusercontent.com/u/184353366/FORUM/news2andahalf.png") no-repeat #030303;
    }
    #s5 {
      display:block;
    background:url("https://dl.dropboxusercontent.com/u/184353366/FORUM/news2.png") no-repeat #030303;
    }
    #s6 {
      display:block;
    background:url("https://dl.dropboxusercontent.com/u/184353366/FORUM/news3.png") no-repeat #030303;
    }

    #s7 {
      display:block;
    background:url("https://dl.dropboxusercontent.com/u/184353366/FORUM/news4.png") no-repeat #030303;
    }

#right { width:0px !important; }
#content { margin-right:0 !important;
}

And here's the video:
Code:
<div style="margin: 5px auto; text-align: center;"><iframe width="280" height="158" src="https://www.youtube.com/embed/9LssTi4X8jY" frameborder="5" allowfullscreen></iframe></div>

Thanks a bunch.

Dustination
Forumember

Posts : 27
Reputation : 1
Language : English

http://projectcrusade.forumotion.com/

Back to top Go down

Solved Re: Prioritize?

Post by Guest on December 2nd 2015, 7:57 am

Go to Administration Panel ==> General Tab ==> Messages & Emails ==> Announcements

Just click the plus sign and add into the announcement message whatever you'd like to be included and hit "save." =)

Guest
Guest


Back to top Go down

Solved Re: Prioritize?

Post by Dustination on December 2nd 2015, 8:08 am

Ahh! That's great. Thank you so much! =) As I stated earlier, solved.

Dustination
Forumember

Posts : 27
Reputation : 1
Language : English

http://projectcrusade.forumotion.com/

Back to top Go down

Solved Re: Prioritize?

Post by Guest on December 2nd 2015, 8:23 am

Glad I could help. ^^

==> Topic Solved & Archived

Guest
Guest


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