e107help.org Q&A
0 like 0 dislike
Here is an example of what i place in my page i created. This is for a tabbed menu. Every time i add <link href='tabsy.css' rel='stylesheet' type='text/css'> to the top of the page and save it, it dissapears when i go back to edit the page.

The Tabs are there but there are not setup right because it needs to point to the .css file. I have the tabsy.css file in the theme i am using under in the css folder. Any ideas would help

<link href='tabsy.css' rel='stylesheet' type='text/css'>

<div class="tabsy">
    <input type="radio" id="tab1" name="tab" checked>
    <label class="tabButton" for="tab1">Tab One</label>
    <div class="tab">
        <div class="content">
            Content One
        </div>
    </div>
    <input type="radio" id="tab2" name="tab" checked>
    <label class="tabButton" for="tab2">Tab Two</label>
    <div class="tab">
        <div class="content">
            Content Two
        </div>
    </div>
    <input type="radio" id="tab3" name="tab" checked>
    <label class="tabButton" for="tab3">Tab Three</label>
    <div class="tab">
        <div class="content">
            Content Three
        </div>
    </div>
</div>
e107 version 2.2
in Core by (14 points) 2 2 7

2 Answers

0 like 0 dislike

Not sure what you are doing,where... else a small fix to problem COULD be add a css call inside your theme (on top somewhere; depends on theme) ala

e107::css('url', 'http://fonts.googleapis.com/css?family=Bad+Script|Raleway:400,500,600,700,300|Lora:400');

url txt may be theme followed which by name etc.

e107::css('theme'name , 'css/yourcssfile.css');

you will notice the behaviour  by hovering the first item as url being active 

by (3.2k points) 7 9 11

When you say theme  e107::css('theme', 'css/tabby-ui.css'); do i keep it the way you wrote (theme) or do i actually put the name of the theme where the word theme is?

e107::css('theme', 'css/tabby-ui.css');   or   e107::css('BS_Magazine_01', 'css/tabby-ui.css');

 e107::css('theme', 'css/tabby-ui.css');  that way. 

https://e107.org/developer-manual#css

https://www.youtube.com/watch?v=ag61-M74pLk&t=356s

By the way - what is your site now? I noticed Harry Potter topic... 

Those are just the text the tabbed menu came with
0 like 0 dislike

Do you create a page in the admin area or custom PHP page?

Core Page -  you need to add css via theme with e107::css

Custom PHP page - before loading header part  with e107::css

this code:  <link href='tabsy.css' rel='stylesheet' type='text/css'>  is not allowed inside editable area (TinyMCE strips this)

Everything depends on your theme. The bootstrap theme has tabs by default. 

There is a plugin for inserting head css part directly via the admin area if you are not familiar with e107::css, you can use this one. Insert header and footer

 

 

 

by (1.9k points) 15 46 56
In the Admin area under Welcome message. I downloaded the plugin but it does not do anything. Is say it was saved but when i open the theme.php file in my editor the lines i added are not there

In the Admin area under Welcome message. 

You can't insert this code in tinymce editor.  It's not possible. And it's wrong way.

when i open the theme.php file in my editor the lines i added are not there

It doesn't change your theme.php file! How it could?  Open source code of your page and look for head part and your file.

I downloaded the plugin but it does not do anything. 

I am sure that there is contact on author and he has Github repository and he is still active. So you can try to contact him. Or open his code and learn how he does this.  

But it looks like you need to put it yourself to theme.php file correct way. Just open theme.php (or some other theme) and look at how they insert css files there. 

 

 

 

 

 

Welcome to e107 Q&A, where you can ask questions and receive answers from other members of the e107 community.
924 questions
1,326 answers
2,309 comments
2,295 users