News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

Responsive Curve

Started by SMF Customization Team, April 20, 2015, 06:33:49 AM

Previous topic - Next topic

Dragon41673

Smacks head like a moron...no. Thanks
Owner - Aries Games & Miniatures

njtweb

Works great, just uninstalled v4 and replaced with the new version. Thanks for your great work!

smartmouse

Hello, i'm trying to apply this mod to my forum but i get some errors related to my theme that i could manually fix, except the following ones related to Core theme:

It fails test for index.template.php, Memberlist.template.php and Message.template.php files. For example this modification looks for the following code in /core/index.template.php:

<a class="', $button['active_button'] ? 'active ' : '', 'firstlevel" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>

It will replace it with this code:

<a class="', $button['active_button'] ? 'active ' : '', 'firstlevel" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
<span class="responsive_menu ', $act, '"></span>


But i can't find this row! It seems to be different at all! And the same happens for the other two files.
Here is my index.template.php (core)
http://pastebin.com/WumZVSiV

I tried to search for the same rows from fresh install of SMF and i cannot find them anyway. It is strange... what's wrong at it?


EDIT: the files are different at all because those searched rows are in Default theme path, not Core!
It should search for /Themes/default/, right? Why is searching for /Themes/core/?

Antes

You can find following code and add <span class="responsive_menu ', $act, '"></span> after it to new line.

<span>', ($button['active_button'] ? '<em>' : ''), $button['title'], ($button['active_button'] ? '</em>' : ''), '</span>

Note that I/we didn't look at core theme while creating this mod, so don't expect work (fixes) on the theme. This mod created for Curve theme (default).

smartmouse

Before this, can you tell me the difference between default and core theme?
Can i remove core theme and keep the default one?
Is the default theme the Curve theme?

smartmouse

I installed Beta5 and now i would uninstall it... but there is not button to do it in my package list.
My SMF version is 2.0.10, i tried to see in the package-info.xml file of Beta5 package and all seems to be ok:

<uninstall for="2.0 - 2.0.99">
<modification type="file" reverse="true">install.xml</modification>
<remove-file name="$boarddir/Themes/default/css/responsive.css" />
<remove-file name="$boarddir/Themes/default/images/responsive_menu.png" />
</uninstall>


So why the Unistall button isn't shown? How to remove it?

Antes

because this mod is done for default theme of SMF 2.0

smartmouse

Quote from: Antes on July 03, 2015, 07:29:15 AM
because this mod is done for default theme of SMF 2.0

So, what can i do now to see "Uninstall" button near the package name?

margarett

Did you set any version for emulation? (for other package, maybe?)
Se forem conduzir, não bebam. Se forem beber... CHAMEM-ME!!!! :D

QuoteOver 90% of all computer problems can be traced back to the interface between the keyboard and the chair

smartmouse

Quote from: margarett on July 03, 2015, 09:44:13 AM
Did you set any version for emulation? (for other package, maybe?)
No, anyway i check it now and it is 2.0.10. It is very strange...

smartmouse

Solved! I forgot to remove Beta3 before installing Beta5!

Kindred

Just as a note... even with this mod, the core theme will likely NEVER be even close to responsive...
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

smartmouse

Quote from: Kindred on July 04, 2015, 10:26:01 PM
Just as a note... even with this mod, the core theme will likely NEVER be even close to responsive...
No problem, i deleted it.


vkot

Quote from: Antes on May 06, 2015, 04:18:48 PM
If you are looking for a quick fix for Simple Portal (that's gonna cost your left-side). If you don't hide sp_left left side of the portal will show upside (not the wanted thing trust me :P).

Open your responsive.css
Code (Find) Select
@media screen and (max-width: 780px) {
body
{
padding: 0 !important;
}

Code (Replace) Select
@media screen and (max-width: 780px) {
/* SP Dirty Fix */
#sp_left
{
display: none;
}
#sp_center, #sp_right
{
width: 100%;
display: block;
}
body
{
padding: 0 !important;
}


I have some time before sleep I'll work on next beta, I'll fix the issues mentioned in here (forgive me if I skip anything) :)

Do you have anything similar for Tiny Portal? I would like to hide all the blocks (or selectively, if possible) on mobile screens.
For specialized SMF installation/customization, Web Development, Linux Server Administration, click here.
Για εξειδικευμένες υπηρεσίες στα παραπάνω, πατήστε εδώ.

vkot

Quote from: BigMike on May 04, 2015, 08:28:26 PM
EDIT: I've added additional 'hidden' classes to clean up the layout a bit. So far I'm really like'n it!

Can you give some hints on how to achieve this? I love the way the components get relocated or disappear as the screen/window gets smaller, I want to do it too...
For specialized SMF installation/customization, Web Development, Linux Server Administration, click here.
Για εξειδικευμένες υπηρεσίες στα παραπάνω, πατήστε εδώ.

Bloc

Quote from: vkot on August 12, 2015, 08:20:19 AM
Quote from: Antes on May 06, 2015, 04:18:48 PM
If you are looking for a quick fix for Simple Portal (that's gonna cost your left-side). If you don't hide sp_left left side of the portal will show upside (not the wanted thing trust me :P).

Open your responsive.css
Code (Find) Select
@media screen and (max-width: 780px) {
body
{
padding: 0 !important;
}

Code (Replace) Select
@media screen and (max-width: 780px) {
/* SP Dirty Fix */
#sp_left
{
display: none;
}
#sp_center, #sp_right
{
width: 100%;
display: block;
}
body
{
padding: 0 !important;
}


I have some time before sleep I'll work on next beta, I'll fix the issues mentioned in here (forgive me if I skip anything) :)

Do you have anything similar for Tiny Portal? I would like to hide all the blocks (or selectively, if possible) on mobile screens.
Which TinyPortal version do you have?

Antes

#217
Well if you want to hide the left/right blocks. You need to paste the code into tp-style.css.

@media screen and (max-width: 720px) {
#tpleftbarContainer, #tprightbarContainer
{
display: none;
}
}


Edit: Code update.
Edit2: That snip I posted before about SP is bit old, better one included inside the pack FYI.

vkot

Nice one Antes! It works when resizing the window of my browser on my PC.
But it doesn't work on my android phone (I tested with 2 browsers). Can you modify it?

My Tiny Portal version is 1.107
For specialized SMF installation/customization, Web Development, Linux Server Administration, click here.
Για εξειδικευμένες υπηρεσίες στα παραπάνω, πατήστε εδώ.

Antes

Weird, Responsive.css does not kick-in with TP loaded. Maybe worth asking author of TP or just copy whole content of responisive.css into tp-style.css (also works).

Advertisement: