Joomla Templates Club 406,261 posts

[kurdse Friend kurdseJoin date: February 2012Posts: 55Downloads:0Uploads:2 Thanks: 37]

#175645

Hi,

When I’m browsing the my site (http://www.kurd.se) in Iphone there is no Content in frontpage.
I want that the frontpage articles shows up in the Iphone.

Anyone who can help me?

Thanks in advance.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#446710

Hi

I cannot login on your site with the info i have from the last issue

Could you check better ?

Thanks

1 user says Thank You to pavit for this useful post

1. kurdse

[kurdse Friend kurdseJoin date: February 2012Posts: 55Downloads:0Uploads:2 Thanks: 37]

#446712

I send you an PM..

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#446713

Hi

I need that you add in your /templates/ja_teline_iii/ templateDetails.xml file this line of code

<position>ja-news-mobile</position>

1 user says Thank You to pavit for this useful post

1. kurdse

[kurdse Friend kurdseJoin date: February 2012Posts: 55Downloads:0Uploads:2 Thanks: 37]

#446715

Hi,

I’ve added it now.

Thank you.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#446716

Now your ja_news_FP module is showed on iPhone but is misaligned that’s a css modification and i need your ftp details to check your files – you can send me it via PM.

[kurdse Friend kurdseJoin date: February 2012Posts: 55Downloads:0Uploads:2 Thanks: 37]

#446717

You should have it now..

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#446718

Sorry , cannot login with that info please check again

[kurdse Friend kurdseJoin date: February 2012Posts: 55Downloads:0Uploads:2 Thanks: 37]

#446719

Please try again..

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#446721

No it’s not working

<blockquote>530 Login incorrect.</blockquote>

Anyway i will try to make the changes on my localhost and after i will give you the info for the changes on your files but i need a little more time to do this i need to install the 1.5 version i will reply to this here soon

[kurdse Friend kurdseJoin date: February 2012Posts: 55Downloads:0Uploads:2 Thanks: 37]

#446722

Very strange, I just exported login information to double check and it’s the same, maybe my server has some protection against IP outside Sweden…

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#446736

Hi

In this file templates/ja_teline_iii_v2/css/handheld/iphone.css add these line of code at the end

/* Logo Image ---*/
h1.logo { height: 60px; width: 259px;}

h1.logo a {
background: url(../../images/logo.png) no-repeat top;
display: block;
height: 60px; width: 259px;
}

/* JA Comments */
#jac-wrapper {
padding: 0 !important;
margin: 9px 9px 0 0 !important;
}

/* Hide some elements */
#ja-navhelper-top,
#ja-search input.button { display: none; }

body.com_content #ja-container .leading {
padding: 9px;
}
.pagination ul, ul.pagenav {
margin: 0px;
}

.ja-content-main .counter {
top: 70px;
font-size: 10pt;
}

.ja-zintheme .ja-box-inner{
border-bottom: solid 1px #ccc;
padding-bottom: 15px;
}

.ja-zinmeta .createdate {
font-size: 8pt !important;
}

.cat-children {
background: #fff;
border: solid 1px #878787;
-webkit-border-radius: 8px;
padding: 9px;
margin: 3px 9px 17px;
}

.ja-usersetting-loadform {
margin: 2px 9px;
}
.ja-usersetting-form {
background: #fff;
border: solid 1px #878787;
-webkit-border-radius: 8px;
padding: 9px;
margin: 3px 9px 17px;
}

.ja-zin .items-row {
width: auto !important;
}

.ja-zinwrap.mobile .item.article-column {
width: auto !important;
}

after done that check your iPhone layout

1 user says Thank You to pavit for this useful post

1. kurdse

[kurdse Friend kurdseJoin date: February 2012Posts: 55Downloads:0Uploads:2 Thanks: 37]

#446737

I’ve added it now, but it doesn’t look like it has changed?
This is how it looks like now:

File: templates/ja_teline_iii_v2/css/handheld/iphone.css

/*
# ------------------------------------------------------------------------
# JA Teline III v2 template for Joomla 1.5
# ------------------------------------------------------------------------
# Copyright (C) 2004-2010 JoomlArt.com. All Rights Reserved.
# @license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,
# bound by Proprietary License of JoomlArt. For details on licensing,
# Please Read Terms of Use at http://www.joomlart.com/terms_of_use.html.
# Author: JoomlArt.com
# Websites: http://www.joomlart.com - http://www.joomlancers.com
# Redistribution, Modification or Re-licensing of this file in part of full,
# is bound by the License applied.
# ------------------------------------------------------------------------
*/

body#bd { font-size: 14px; }

body > #ja-wrapper { min-height: 424px; }
body > #ja-wrapper { min-height: 320px; }

a.ip-button {
color: #fff !important;
border: 1px solid #333;
background: url(../../images/grad-d2.gif) repeat-x bottom #5d5d5d;
display: block;
float: left;
padding: 5px 10px;
font-size: 10pt;
-webkit-border-radius: 5px;
text-shadow: #333 0 -1px 1px;
max-width: 50px;
}

a.ip-button:hover, a.ip-button:focus, a.ip-button:active {
text-decoration: none;
}

/* NAVIGATION + TOOLBAR
--------------------------------------------------------- */
#ja-mainnav { padding: 0; text-align: left; z-index: 100; }

#ja-toolbar-top, #ja-toolbar-title {
background: url(../../images/grad-d1.gif) repeat-x bottom #666;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 18px;
height: 42px;
text-shadow: #000 0 -1px 1px;
}

#ja-toolbar-title span, #ja-toolbar-top span { line-height: 42px; max-width: 200px; }

#ja-toolbar-title a, #ja-toolbar-top a { margin-top: 8px; }

/* Toolbar Top ---*/
#ja-toolbar-top { padding: 0 0.5em; }

#ja-toolbar-top a.button-search, #ja-toolbar-top a.button-login, #ja-toolbar-top a.button-search, #ja-toolbar-top a.button-switchlayout {
float: right;
margin-left: 15px;
background-repeat: no-repeat;
background-position: center;
text-indent: -999%;
padding: 0;
width: 24px;
height: 24px;
}

#ja-toolbar-top a.button-search { background-image: url(../../images/iphone-search.png); }
#ja-toolbar-top a.button-login { background-image: url(../../images/iphone-login.png); }
#ja-toolbar-top a.button-switchlayout { background-image: url(../../images/iphone-switchlayout.png); }

a.button-back {float: left;}
a.button-close { float: right; }

/* Toolbar Main---*/
#ja-toolbar-main { position: absolute; top: 0; left: 0px; overflow: hidden; height: 0; width: 100%; background: #fff; }
#ja-toolbar-wrap { position: relative;}

/* Toolbar Title ---*/
#ja-toolbar-title { width: 100%; display: block; }

/* Toolbox */
.toolbox { position: absolute; top: 42px; left: 0px; display: block; width: 100%; border-bottom: 5px solid #333; }

/* Overlay */
#ja-overlay { position: absolute; top: 0; left: 0; width: 100%; display: none; z-index: 99; background: #000; opacity: 0.6;}

/* Menu */
#ja-toolbar-main ul li {
border-bottom: 1px solid #ddd;
position: relative;
}

#ja-toolbar-main ul li a {
padding: 0.8em 0 !important;
font-weight: bold;
font-size: 18px;
width: 100%;
display: block;
text-indent: .5em;
}

#ja-toolbar-main ul li a:hover, #ja-toolbar-main ul li a:active, #ja-toolbar-main ul li a:focus {
text-decoration: none;
}

#ja-toolbar-main ul li.active a {
background: #666;
color: #fff;
}

#ja-toolbar-main ul li a.ja-folder {
background: url(../../images/arrow-iphonenav.png) no-repeat center;
width: 42px;
height: 42px;
display: block;
position: absolute;
top: 2px;
right: 0;
text-indent: -999%;
padding: 0 !important;
}

/* Search */
#ja-search {
float: none;
width: 100%;
text-align: center;
margin: 0;
padding: 5px 0;
}

#ja-search .inputbox { padding-left: 22px; width: 85%; font-size: 12pt; padding-top: 4px; padding-bottom: 4px; }

/* Login */
#ja-login { float: none; width: 100%; margin: 0; padding: 5px 0; }

#ja-login form { padding: 0 .5em; }

#ja-login p { font-size: 12pt; line-height: 2em; margin-bottom: 5px; }

#ja-login .inputbox { font-size: 12pt; width: 90%; padding-top: 4px; padding-bottom: 4px; }
#ja-login .button { padding: 4px 10px; margin-top: 5px; float: left; }

#ja-login ul li { border: 0; background-position: 5px 5px !important; display: inline; }

#ja-login ul li a {
padding: 0 0 0 5px !important;
font-weight: bold;
font-size: 10pt;
width: auto;
display: inline;
font-weight: normal;
line-height: 2em;
}

#ja-login p#form-login-remember {
float: left;
padding-right: 10px;
margin-top: 3px;
}

#ja-login ul li a:hover, #ja-login ul li a:active, #ja-login ul li a:focus {
background: none;
text-decoration: underline;
}

/* Clean style from outside addons ---*/
#ja-zinwrap .ja-zinsec h2 a { text-shadow: #333 0 -1px 1px; font-weight: bold; }

/* Logo Image ---*/
h1.logo { height: 60px; width: 259px;}

h1.logo a {
background: url(../../images/logo.png) no-repeat top;
display: block;
height: 60px; width: 259px;
}

/* JA Comments */
#jac-wrapper {
padding: 0 !important;
margin: 9px 9px 0 0 !important;
}

/* Hide some elements */
#ja-navhelper-top,
#ja-search input.button { display: none; }

body.com_content #ja-container .leading {
padding: 9px;
}
.pagination ul, ul.pagenav {
margin: 0px;
}

.ja-content-main .counter {
top: 70px;
font-size: 10pt;
}

.ja-zintheme .ja-box-inner{
border-bottom: solid 1px #ccc;
padding-bottom: 15px;
}

.ja-zinmeta .createdate {
font-size: 8pt !important;
}

.cat-children {
background: #fff;
border: solid 1px #878787;
-webkit-border-radius: 8px;
padding: 9px;
margin: 3px 9px 17px;
}

.ja-usersetting-loadform {
margin: 2px 9px;
}
.ja-usersetting-form {
background: #fff;
border: solid 1px #878787;
-webkit-border-radius: 8px;
padding: 9px;
margin: 3px 9px 17px;
}

.ja-zin .items-row {
width: auto !important;
}

.ja-zinwrap.mobile .item.article-column {
width: auto !important;
}

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#446748

Anyway this trick is not working

I think that you need to upgrade your template to the 2.5 version ( Joomla included ) to have the correct iPhone layout

because the ja_news_Fp mobile layout is not included in the 1.5 version of the template

1 user says Thank You to pavit for this useful post

1. kurdse

[kurdse Friend kurdseJoin date: February 2012Posts: 55Downloads:0Uploads:2 Thanks: 37]

#446753

Okey I see,

I’ve some changes in the template I have now, is it possible to upgrade to joomla 2.5 without a lot of extra work?
Or do I have to begin from the start?

[Author]

Posts