To use this website completely, it is necessary to store cookies on your computer.
 

* Statistic

  • *Total Posts: 16418
  • *Total Topics: 2549
  • *Online Today: 8
  • *Most Online: 292
(2016 November 12, 09:37:31)
  • *Users: 0
  • *Guests: 0
  • *Spiders: 2
  • *Total: 2

  • *Yahoo!
  • *Baidu

Full size Frontpage

Started by DirtRider, 2009 July 03, 06:16:45

previous topic - next topic

0 Members and 0 Guests are viewing this topic.

feline

#15
2009 August 16, 15:01:14
Quote from: hartiberlin ,  2009 August 16, 14:57:06
Also is there anywhere a tutorial how to best design the
single pages with this online FCKeditor ?

You can use "templates" in FCK .. but for more info, you have look at the FCK homepage
http://www.fckeditor.net/

Fel
Many are stubborn in relation to the path, a few in relation to the target.

antechinus

#16
2009 August 16, 15:08:35
Quote from: feline ,  2009 August 16, 14:58:07I don't know that theme .. on all the themes here, that works perfect.
But .. You can enable a short menu for the fullsize Frontpage in the Frontpage Setings


Yes I tried that too. Same thing happens. It's strange because it is obviously calling some of the css classes (or the drop menus wouldn't work at all)  but a couple attributes seem to be missing. Ill try a couple of other themes and see what happens.
Using Internet Explorer 6 on the internet is like urinating in a public swimming pool.
It's rude, there's no excuse for it, and anyone who does it should be ashamed of themselves.

antechinus

#17
2009 August 16, 15:14:30
I think I'll have to throw in a couple of link rel's for stylesheets. I just tested it with one of my multi themes and it doesn't like that at all. That has a master css with separate sheets for each variant and it makes a hell of a mess of the front page menu.

ETA: Oh one thing that might interest you: on my latest theme I set the anchor tags for the newsfader, info centre and quick reply expand/collapse so they include the whole header bars. I find this much better as it means I don't have to scroll to an icon. Just click the bar anywhere and it works.
Using Internet Explorer 6 on the internet is like urinating in a public swimming pool.
It's rude, there's no excuse for it, and anyone who does it should be ashamed of themselves.

feline

#18
2009 August 16, 15:48:00
Quote from: antechinus ,  2009 August 16, 15:08:35
Yes I tried that too. Same thing happens. It's strange because it is obviously calling some of the css classes (or the drop menus wouldn't work at all)  but a couple attributes seem to be missing. Ill try a couple of other themes and see what happens.

The Frontpage template is a "generic" template with the default css and javascript includes.
Naturally that this not work for ALL the themes they exist for SMF ...
If additional css or javascript neccesary, you have to add that in the header.

But .. if anybody find a better way to show a full size frontpage, let me known  ;)

Fel
Many are stubborn in relation to the path, a few in relation to the target.

feline

#19
2009 August 16, 15:51:47
Quote from: antechinus ,  2009 August 16, 15:14:30
ETA: Oh one thing that might interest you: on my latest theme I set the anchor tags for the newsfader, info centre and quick reply expand/collapse so they include the whole header bars. I find this much better as it means I don't have to scroll to an icon. Just click the bar anywhere and it works.

What you have added on the header?
You have a example for me .. or link to the theme?

Fel
Many are stubborn in relation to the path, a few in relation to the target.

feline

#20
2009 August 16, 21:27:31
Quote from: hartiberlin ,  2009 August 16, 14:57:06
Also is there anywhere a tutorial how to best design the
single pages with this online FCKeditor ?

You can use "templates" for the FCK editor.
You find the template file in the path fckeditor, the filename is fcktemplates.xml.
In this file, three templates are predefined.

You can add more templates, as example one, what I use for the "Story" series:
Code Select

<Template title="Table with 2 colums">
<Description>Some text at right and a left link block.</Description>
<Html>
<![CDATA[
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="80%" valign="top" align="left" style="padding: 8px;">
Maitable text
</td>
<td style="border-width: 0pt 0pt 0pt 1px; padding: 0px;" class="tborder">
<div style="width: 1px;"></div>
</td>
<td width="20%" valign="top" align="right" style="padding: 8px;">
<div style="font-size: 8pt; font-family: Verdana;"><em>Articles in the same category</em></div>
<hr />
<div style="font-size: 9pt; font-family: Tahoma; line-height: 160%;">
links here
</div>
</td>
</tr>
</table>
]]>
</Html>
</Template>


Fel
Many are stubborn in relation to the path, a few in relation to the target.

antechinus

#21
2009 August 16, 23:17:57
Quote from: feline ,  2009 August 16, 15:48:00
Quote from: antechinus ,  2009 August 16, 15:08:35
Yes I tried that too. Same thing happens. It's strange because it is obviously calling some of the css classes (or the drop menus wouldn't work at all)  but a couple attributes seem to be missing. Ill try a couple of other themes and see what happens.

The Frontpage template is a "generic" template with the default css and javascript includes.
Naturally that this not work for ALL the themes they exist for SMF ...
If additional css or javascript neccesary, you have to add that in the header.

But .. if anybody find a better way to show a full size frontpage, let me known  ;)

Fel


Ok, that makes sense. I'll play around with it a bit.


Quote from: feline ,  2009 August 16, 15:51:47
Quote from: antechinus ,  2009 August 16, 15:14:30
ETA: Oh one thing that might interest you: on my latest theme I set the anchor tags for the newsfader, info centre and quick reply expand/collapse so they include the whole header bars. I find this much better as it means I don't have to scroll to an icon. Just click the bar anywhere and it works.

What you have added on the header?
You have a example for me .. or link to the theme?

Fel


Code is done like this:

Code Select
   <div class="marginbottom">
       <a href="#" onclick="smfNewsFadeToggle.toggle(); return false;">
          <object>
      <h3 id="newsfader" class="catbg headerpadding" align="center">
         ', $txt['news'], '
      </h3>
          </object>
      </a>   


Code Select
   <div class="clearfix" id="infocenterframe">
       <a href="#" onclick="infoHeader.toggle(); return false;">
           <object>
      <h3 class="catbg headerpadding" align="center">
         ',$txt['information'],'
      </h3>
          </object>
       </a>   


Code Select
<div id="quickreplybox">   
      <a href="javascript:oQuickReply.swap();">
          <object>
             <h3 class="catbg headerpadding" style="text-align: center;">
                  <img src="', $settings['images_url'], '/', $options['display_quick_reply'] == 2 ? 'blank' : 'blank', '.gif" alt="+" id="quickReplyExpand"/>', $txt['quick_reply'], '
              </h3>
         </object>
      </a>


Doing it that way means you don't need any icon if you don't want one. Obviously I just used blank.gif for the quick reply as it was the easiest way of sorting it without messing with the js too much. I have used the title attribute too sometimes instead of an icon, so it shows a tooltip "Collapse/expand" on hover.
Using Internet Explorer 6 on the internet is like urinating in a public swimming pool.
It's rude, there's no excuse for it, and anyone who does it should be ashamed of themselves.

antechinus

#22
2009 August 17, 10:34:33
Quote from: feline ,  2009 August 16, 15:48:00
Quote from: antechinus ,  2009 August 16, 15:08:35
Yes I tried that too. Same thing happens. It's strange because it is obviously calling some of the css classes (or the drop menus wouldn't work at all)  but a couple attributes seem to be missing. Ill try a couple of other themes and see what happens.

The Frontpage template is a "generic" template with the default css and javascript includes.
Naturally that this not work for ALL the themes they exist for SMF ...
If additional css or javascript neccesary, you have to add that in the header.

But .. if anybody find a better way to show a full size frontpage, let me known  ;)

Fel

Ok, I figured this out and it works now.

When using a multi theme that has all the dimensions and layout in the style.css and all the image calls and hex colours for each variant in a separate variant.css (style_whatever.css, style_whatever2.css,etc) you have to add a link rel to the style.css so the head looks like this:

Code Select
// The ?b4 part of this link is just here to make sure browsers don't cache it wrongly.
echo '
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style.css?rc1" />
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style', $context['theme_variant'], '.css?rc1" />
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/css/print.css?rc1" media="print" />';
Using Internet Explorer 6 on the internet is like urinating in a public swimming pool.
It's rude, there's no excuse for it, and anyone who does it should be ashamed of themselves.

hartiberlin

#23
2009 August 17, 14:42:15
Please post some URLs for some demo pages.
I want to see, what one can do with it and how the templates look.
Many thanks.

cieplutki

#24
2016 January 12, 09:10:03
hi,
how to do it:
I want to add a menu to a full homepage,
frontpage.css where to put it
my code on php block:
Code Select
global $context, $settings, $options, $scripturl, $txt;
echo'
<ul class="nav navbar-nav">';
foreach ($context['menu_buttons'] as $act => $button)
{
echo '
<li id="button_', $act, '" class="nv ', $button['sub_buttons'] ? 'dropdown ' : '', '', $button['active_button'] ? 'active' : '', '">
<a ', $button['sub_buttons'] ? 'class="dropdown-toggle" ' : '', 'href="', $button['sub_buttons'] ? '#' : $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '', $button['sub_buttons'] ? ' data-toggle="dropdown"' : '', '>
', $button['title'], '
', $button['sub_buttons'] ? '<span class="ca-dow"><i class="fa fa-caret-down"></i></span>' : '' ,'
</a>';

if (!empty($button['sub_buttons']))
{
echo '
<ul class="dropdown-menu dropnav" role="menu">';

foreach ($button['sub_buttons'] as $childbutton)
{
echo '
<li class="sub">
<a href="', $childbutton['href'], '"', isset($childbutton['target']) ? ' target="' . $childbutton['target'] . '"' : '', '>
', $childbutton['title'] , '
</a>';
// 3rd level menus :)
if (!empty($childbutton['sub_buttons']))
{
echo '
<ul>';
foreach ($childbutton['sub_buttons'] as $grandchildbutton)
echo '
<li>
<a href="', $grandchildbutton['href'], '"', isset($grandchildbutton['target']) ? ' target="' . $grandchildbutton['target'] . '"' : '', '>
<span', isset($grandchildbutton['is_last']) ? ' class="last"' : '', '>', $grandchildbutton['title'], '</span>
</a>
</li>';

echo '
</ul>';
}
echo'
</li>';
}
echo '
</ul>';
}
echo '
</li>';

}
echo '
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/ext/bootstrap.min.css?fin20" />
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/font-awesome.css?fin20" />
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/ext/animate.css?fin20" />
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/theme.css?fin20" />';



feline

#25
2016 January 12, 14:15:11
I think that is not simple.. In this case you have to add all css defs in the block or you load the index.css from the theme. Also you can copy the index.css from the theme as frontpage.css and overwrite the existing frontpage.css
Many are stubborn in relation to the path, a few in relation to the target.

cieplutki

#26
2016 January 12, 15:05:40
where can I find this file: frontpage.css



feline

#27
2016 January 12, 18:53:34
Themes/default/css/pmx_frontpage.css
Many are stubborn in relation to the path, a few in relation to the target.

cieplutki

#28
2016 January 17, 21:53:25
thank you
I worked it out, style premium of http://smftricks.com/