Solved

Photo Rotator , increase width on CCS style

Posted on 2009-04-01
22
1,106 Views
Last Modified: 2012-05-06
Hi , I need some help to change the look of my articles , pictures rotator. I have not knoledge on css whatsoever but I think that this can be set on this file??
/**************************

  News Image VI CSS style

**************************/
 

div.gk_ni_6_wrapper{

	padding: 0!important;

	position: relative;

	overflow:hidden;

}
 

div.gk_ni_6_preloader{

	background: #000;

	position: absolute;

	z-index: 1001;

	top: 0px;

	left: 0px;

}
 

.gk_ni_6_wrapper2{

	position: relative;

	overflow: hidden;

}
 

.gk_ni_6_slide{

	position: absolute;

}
 

.gk_ni_6_text_bg{

	width: 100%;

	position: absolute;

}
 

.gk_ni_6_tabsbar{

	float: left;

}
 

div.gk_ni_6_tab,

div.gk_ni_6_tab_active{

	float: left;

	position: relative;

	width: 100%;

	overflow: hidden;

}
 

div.gk_ni_6_hover{

	width: 170%;

	height: 100%;

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

	cursor: pointer;

}
 

div.gk_ni_6_hover div{

	margin: 0 auto;

	cursor: pointer;

}
 

div.gk_ni_6_tabsbar_wrap{

	float: left;

	overflow: hidden;

	position: relative;

}
 

div.gk_ni_6_tabsbar_slider{

	width: 100%;

	clear: both;

}
 

div.gk_ni_6_text_datas {

	display: none;

}
 

div.gk_ni_6_text {

	padding: 3px 0 3px 10px!important;

	overflow: hidden;

	position: absolute;

}
 

.gk_ni_6_text p {

	margin-bottom: 4px;

}
 

div.gk_ni_6_tabsbar p.gk_ni_6_tab_header,

div.gk_ni_6_tab_active p.gk_ni_6_tab_header {

	padding: 0!important;

	margin: 0;

	padding: 5px;

	font-weight: bold;

	font-size: 14px;

}
 

div.gk_ni_6_tab,

div.gk_ni_6_tab_active,

div.gk_ni_6_json {

	padding: 0!important;

}
 

div.gk_ni_6_tab img,

div.gk_ni_6_tab_active img {

	border: 1px solid #1c1c1c;

	margin: 2px;

	display: block;	

	float: left;

}
 

div.gk_ni_6_tab p.gk_ni_6_tab_text,

div.gk_ni_6_tab_active p.gk_ni_6_tab_text {

	font-size: 9px;

	font-family: Arial, Verdana;

	color: #FFF;

	margin: 0;

	width: auto;

}
 
 

div.gk_ni_6_tab h4,

div.gk_ni_6_tab_active h4{

	width: auto;

	margin: 0;

	padding: 0;

}
 

div.gk_ni_6_wrapper h2 {

	font: normal 16px Arial, Helvetica, sans-serif!important;

	padding: 0;

	margin: 0 0 2px;

}
 

.gk_ni_6_wrapper a.readon {

	margin: 4px 0 0;

	font-weight: normal;

}
 

.gk_ni_6_tabsbar_up,

.gk_ni_6_tabsbar_down {

	width: 18px;

	height: 17px;

}
 

.gk_ni_6_tabsbar_up:hover,

.gk_ni_6_tabsbar_down:hover {

	background-position: right;

}
 

div.gk_ni_6_tabsbar p.gk_ni_6_tab_header,

div.gk_ni_6_tab_active p.gk_ni_6_tab_header {

	color: #c6eb91;

}
 

.gk_ni_6_wrapper a.readon {

	color: #8fc400;

}
 

.gk_ni_6_tabsbar_up {

	float: right;

}
 

.gk_ni_6_tabsbar_down {

	float: right;

}
 

div.gk_ni_6_json {

	display: none;

}
 

.gk_ni_6_readmore_wrapper {

	clear: both;

}

.gk_ni_6_readmore_button {

	margin: 0 auto;

	width: 33%;

	text-align: center;

}

.gk_ni_6_readmore_button a {

	text-transform: uppercase;

	font-weight: bold;

}

.gk_ni_6_readmore_button span {

	display:block;

	height:17px;

	padding-left:5px;

}

.gk_ni_6_readmore_button a {

	display:block;

	font-family: Arial, Verdana, sans-serif;

	line-height: 17px;

	font-size: 10px;

	height:17px;

	padding-left:12px;

	padding-right:17px;

}

.gk_ni_6_tab h4,

.gk_ni_6_tab_active h4 {

	font-size: 10px;

	margin-top: 4px !important;

	text-transform: uppercase;

}
 

.gk_ni_6_tab p,

.gk_ni_6_tab_active p {

	margin: 3px 0 0 0;

	font-size: 10px;

	padding-right: 3px!important;

}

.gk_ni_6_tab img,

.gk_ni_6_tab_active img {

	margin: 8px 12px 0 8px !important;

	border:none !important;

}

.gk_ni_6_hover div {

	width:41px !important;

	height: 41px !important;

}

.gk_ni_6_tabsbar_slider {

	overflow:hidden;

	padding:4px 0;

	width:27px;

}

.gk_ni_6_tabsbar_up {

	width:10px;

	height:9px;

	margin: 0 11px 0 5px !important;

}

.gk_ni_6_tabsbar_down {

	width:10px;

	height:9px;

}
 

.gk_ni_6_text h2,

.gk_ni_6_text h2 a{

	color:#41bbea !important;	

}
 

.gk_ni_6_readmore_button a{

	color: #bfbfbf;

}
 

.gk_ni_6_readmore_button span{

	background:transparent url(../images/header_readmore_left.png) no-repeat left 0;

}
 

.gk_ni_6_readmore_button a{

	color: #bfbfbf !important;

	background:transparent url(../images/header_readmore_right.png) no-repeat right 0;

}
 

.gk_ni_6_tab, 

.gk_ni_6_tab_active{

	background: #2a2c2f url(../images/header_bg_tab.png) repeat-x 0 bottom;

}
 

.gk_ni_6_tab h4, 

.gk_ni_6_tab_active h4{	

	color:#41bbea;

}
 

.gk_ni_6_tab p, 

.gk_ni_6_tab_active p{

	color:#aaa;

}
 

.gk_ni_6_hover{

	background: transparent url(../images/header_tab_hover_bg.png) !important;

}
 

.gk_ni_6_hover div{

	background: transparent url(../images/header_tab_hover_button.png) no-repeat !important;

}
 

.gk_ni_6_tabsbar_slider{

	background:transparent url(../images/header_bg_interface.png) no-repeat right 0 !important;

}
 

.gk_ni_6_tabsbar_up{

	background:transparent url(../images/header_arrow_up.png) no-repeat left 0 !important;

}
 

.gk_ni_6_tabsbar_down{	

	background:transparent url(../images/header_arrow_down.png) no-repeat left 0 !important;

}
 

.gk_ni_6_tabsbar_up:hover{

	background:transparent url(../images/header_arrow_up.png) no-repeat right 0 !important;

}
 

.gk_ni_6_tabsbar_down:hover{

	background:transparent url(../images/header_arrow_down.png) no-repeat right 0 !important;

}
 

.gk_ni_6_preloader{

	background:  #000 url(../images/loader.gif) no-repeat center center !important;

}

Open in new window

0
Comment
Question by:RickyGtz
  • 11
  • 7
22 Comments
 
LVL 11

Assisted Solution

by:level9wizard
level9wizard earned 200 total points
ID: 24040678
It's more than likely actually javascript that's controlling the rotating. Can you show us the html of the page, or better yet a link to the sitE?
0
 

Author Comment

by:RickyGtz
ID: 24040780
sure , feedmystream .com is on the top the rotator . I want the main photo wider
0
 
LVL 54

Expert Comment

by:b0lsc0tt
ID: 24045414
RickyGtz,

It seems the code you need to change is actually inline.  In other words in the div that has the img tag in it.  You have one for each image you rotate.  Change the part that has a width of 420px to the width you want.

One caution it is hard to tell the effect that change will have on the rest of the page and other elements.  You might need to adjust other things.  Also I didn't take the time to see the original file size to see how just making it a little wider would look or work.

Let me know if you have any questions or need more information.

b0lsc0tt
0
 

Author Comment

by:RickyGtz
ID: 24046300
I am not sure what you mean by inline. Which file has the div with the 420??
0
 
LVL 54

Expert Comment

by:b0lsc0tt
ID: 24052670
>> I am not sure what you mean by inline. <<
What inline means is css that is done like ...
<ELEMENT style="YOUR STYLE CODE">
where ELEMENT is some html element and YOUR STYLE CODE is the CSS.
>> Which file has the div with the 420?? <<
Where did you look if you did?? It is the main file for the page you provided above. I didn't bother to check for the name since it is one your server gives as the default page when you go to the root of the site (i.e. your URL didn't have a file name, just a domain).
I did notice when I checked now the number 420 was used in a couple of other places but I really wonder if you looked at all. The other info I mentioned (i.e. "the div that has the img tag in it") is pretty exact. I believe those divs are below though. You could search the code for one of the file names or the value used in class in the div tags. The line number in your code will most likely be different than what the browser gets so it doesn't really help to provide it.
Let me know if you have a question.
bol

				

						

												<div class="gk_ni_6_slide" style="z-index: 0;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/604072still11.jpg</div>

																				<div class="gk_ni_6_slide" style="z-index: 1;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/476430img1.jpg</div>

																				<div class="gk_ni_6_slide" style="z-index: 2;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/289667img10.jpg</div>

																				<div class="gk_ni_6_slide" style="z-index: 3;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/892441feedmystream_gaming_sectionpic.jpg</div>

																				<div class="gk_ni_6_slide" style="z-index: 4;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/666768img4.jpg</div>

																				<div class="gk_ni_6_slide" style="z-index: 5;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/595240img5.jpg</div>

 

																				<div class="gk_ni_6_slide" style="z-index: 6;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/474138img3.jpg</div>

																				<div class="gk_ni_6_slide" style="z-index: 7;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/876464img6.jpg</div>

																				<div class="gk_ni_6_slide" style="z-index: 8;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/513544img7.jpg</div>

													

				

				

		</div>

Open in new window

0
 

Author Comment

by:RickyGtz
ID: 24088107
OK, I am kinda lost... I tried uploading the php and css files within the module so you can point out the exact line that needs to be changed but not luck
0
 
LVL 54

Expert Comment

by:b0lsc0tt
ID: 24088461
Lost on what??? You didn't really mention that important part. Can't help if I don't know what you need. I also didn't see that you uploaded anything new ("tried uploading the php and css files"). I don't really think I need them now but wanted to mention it in case you meant to post something. I'd rather have you use a snippet or two though instead of just attaching a file to a comment.
The lines you need to change were in the snippet above. The indenting you used and the fact the snippet doesn't word wrap makes it so you have to scroll to the side a bit to see parts of it. What I am showing is the html so you will need to look for it in the php code you have but it shouldn't be hard.
Did you try searching your code for "420px" (no quotes)?? It doesn't occur more than a time or two outside the lines above. If you haven't even done that then do it.
I will remove the indenting and repost the section of html that I mentioned.
bol

<div class="gk_ni_6_slide" style="z-index: 0;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/604072still11.jpg</div>

<div class="gk_ni_6_slide" style="z-index: 1;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/476430img1.jpg</div>

<div class="gk_ni_6_slide" style="z-index: 2;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/289667img10.jpg</div>

<div class="gk_ni_6_slide" style="z-index: 3;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/892441feedmystream_gaming_sectionpic.jpg</div>

<div class="gk_ni_6_slide" style="z-index: 4;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/666768img4.jpg</div>

<div class="gk_ni_6_slide" style="z-index: 5;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/595240img5.jpg</div>

<div class="gk_ni_6_slide" style="z-index: 6;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/474138img3.jpg</div>

<div class="gk_ni_6_slide" style="z-index: 7;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/876464img6.jpg</div>

<div class="gk_ni_6_slide" style="z-index: 8;width: 420px;height: 278px;">http://www.feedmystream.com/components/com_gk2_photoslide/images/thumbm/513544img7.jpg</div>

</div>

Open in new window

0
 

Author Comment

by:RickyGtz
ID: 24088845
I ,I am Lost on the line you suggested , I did not find it. I am looking for 420px right now
0
 

Author Comment

by:RickyGtz
ID: 24088971
Did not find that value, could  that be generated on the fly?
/**************************

  News Image VI CSS style

**************************/
 

div.gk_ni_6_wrapper{

	padding: 0!important;

	position: relative;

	overflow:hidden;

}
 

div.gk_ni_6_preloader{

	background: #000;

	position: absolute;

	z-index: 1001;

	top: 0px;

	left: 0px;

}
 

.gk_ni_6_wrapper2{

	position: relative;

	overflow: hidden;

}
 

.gk_ni_6_slide{

	position: absolute;

}
 

.gk_ni_6_text_bg{

	width: 100%;

	position: absolute;

}
 

.gk_ni_6_tabsbar{

	float: left;

}
 

div.gk_ni_6_tab,

div.gk_ni_6_tab_active{

	float: left;

	position: relative;

	width: 100%;

	overflow: hidden;

}
 

div.gk_ni_6_hover{

	width: 170%;

	height: 100%;

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

	cursor: pointer;

}
 

div.gk_ni_6_hover div{

	margin: 0 auto;

	cursor: pointer;

}
 

div.gk_ni_6_tabsbar_wrap{

	float: left;

	overflow: hidden;

	position: relative;

}
 

div.gk_ni_6_tabsbar_slider{

	width: 100%;

	clear: both;

}
 

div.gk_ni_6_text_datas {

	display: none;

}
 

div.gk_ni_6_text {

	padding: 3px 0 3px 10px!important;

	overflow: hidden;

	position: absolute;

}
 

.gk_ni_6_text p {

	margin-bottom: 4px;

}
 

div.gk_ni_6_tabsbar p.gk_ni_6_tab_header,

div.gk_ni_6_tab_active p.gk_ni_6_tab_header {

	padding: 0!important;

	margin: 0;

	padding: 5px;

	font-weight: bold;

	font-size: 14px;

}
 

div.gk_ni_6_tab,

div.gk_ni_6_tab_active,

div.gk_ni_6_json {

	padding: 0!important;

}
 

div.gk_ni_6_tab img,

div.gk_ni_6_tab_active img {

	border: 1px solid #1c1c1c;

	margin: 2px;

	display: block;	

	float: left;

}
 

div.gk_ni_6_tab p.gk_ni_6_tab_text,

div.gk_ni_6_tab_active p.gk_ni_6_tab_text {

	font-size: 9px;

	font-family: Arial, Verdana;

	color: #FFF;

	margin: 0;

	width: auto;

}
 
 

div.gk_ni_6_tab h4,

div.gk_ni_6_tab_active h4{

	width: auto;

	margin: 0;

	padding: 0;

}
 

div.gk_ni_6_wrapper h2 {

	font: normal 16px Arial, Helvetica, sans-serif!important;

	padding: 0;

	margin: 0 0 2px;

}
 

.gk_ni_6_wrapper a.readon {

	margin: 4px 0 0;

	font-weight: normal;

}
 

.gk_ni_6_tabsbar_up,

.gk_ni_6_tabsbar_down {

	width: 18px;

	height: 17px;

}
 

.gk_ni_6_tabsbar_up:hover,

.gk_ni_6_tabsbar_down:hover {

	background-position: right;

}
 

div.gk_ni_6_tabsbar p.gk_ni_6_tab_header,

div.gk_ni_6_tab_active p.gk_ni_6_tab_header {

	color: #c6eb91;

}
 

.gk_ni_6_wrapper a.readon {

	color: #8fc400;

}
 

.gk_ni_6_tabsbar_up {

	float: right;

}
 

.gk_ni_6_tabsbar_down {

	float: right;

}
 

div.gk_ni_6_json {

	display: none;

}
 

.gk_ni_6_readmore_wrapper {

	clear: both;

}

.gk_ni_6_readmore_button {

	margin: 0 auto;

	width: 33%;

	text-align: center;

}

.gk_ni_6_readmore_button a {

	text-transform: uppercase;

	font-weight: bold;

}

.gk_ni_6_readmore_button span {

	display:block;

	height:17px;

	padding-left:5px;

}

.gk_ni_6_readmore_button a {

	display:block;

	font-family: Arial, Verdana, sans-serif;

	line-height: 17px;

	font-size: 10px;

	height:17px;

	padding-left:12px;

	padding-right:17px;

}

.gk_ni_6_tab h4,

.gk_ni_6_tab_active h4 {

	font-size: 10px;

	margin-top: 4px !important;

	text-transform: uppercase;

}
 

.gk_ni_6_tab p,

.gk_ni_6_tab_active p {

	margin: 3px 0 0 0;

	font-size: 10px;

	padding-right: 3px!important;

}

.gk_ni_6_tab img,

.gk_ni_6_tab_active img {

	margin: 8px 12px 0 8px !important;

	border:none !important;

}

.gk_ni_6_hover div {

	width:41px !important;

	height: 41px !important;

}

.gk_ni_6_tabsbar_slider {

	overflow:hidden;

	padding:4px 0;

	width:87px;

}

.gk_ni_6_tabsbar_up {

	width:10px;

	height:9px;

	margin: 0 11px 0 5px !important;

}

.gk_ni_6_tabsbar_down {

	width:10px;

	height:9px;

}
 

.gk_ni_6_text h2,

.gk_ni_6_text h2 a{

	color:#41bbea !important;	

}
 

.gk_ni_6_readmore_button a{

	color: #bfbfbf;

}
 

.gk_ni_6_readmore_button span{

	background:transparent url(../images/header_readmore_left.png) no-repeat left 0;

}
 

.gk_ni_6_readmore_button a{

	color: #bfbfbf !important;

	background:transparent url(../images/header_readmore_right.png) no-repeat right 0;

}
 

.gk_ni_6_tab, 

.gk_ni_6_tab_active{

	background: #2a2c2f url(../images/header_bg_tab.png) repeat-x 0 bottom;

}
 

.gk_ni_6_tab h4, 

.gk_ni_6_tab_active h4{	

	color:#41bbea;

}
 

.gk_ni_6_tab p, 

.gk_ni_6_tab_active p{

	color:#aaa;

}
 

.gk_ni_6_hover{

	background: transparent url(../images/header_tab_hover_bg.png) !important;

}
 

.gk_ni_6_hover div{

	background: transparent url(../images/header_tab_hover_button.png) no-repeat !important;

}
 

.gk_ni_6_tabsbar_slider{

	background:transparent url(../images/header_bg_interface.png) no-repeat right 0 !important;

}
 

.gk_ni_6_tabsbar_up{

	background:transparent url(../images/header_arrow_up.png) no-repeat left 0 !important;

}
 

.gk_ni_6_tabsbar_down{	

	background:transparent url(../images/header_arrow_down.png) no-repeat left 0 !important;

}
 

.gk_ni_6_tabsbar_up:hover{

	background:transparent url(../images/header_arrow_up.png) no-repeat right 0 !important;

}
 

.gk_ni_6_tabsbar_down:hover{

	background:transparent url(../images/header_arrow_down.png) no-repeat right 0 !important;

}
 

.gk_ni_6_preloader{

	background:  #000 url(../images/loader.gif) no-repeat center center !important;

}

Open in new window

0
What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

 
LVL 54

Expert Comment

by:b0lsc0tt
ID: 24089504
>> could  that be generated on the fly? <<
Maybe part but I can't imagine all of it.  It would be very rare for you to have the 420px generated by server script.  It isn't being made by clientside script.
The code you posted in the snippet is CSS.  Not the code that would make the lines I mentioned.  Is that what you searched??  If so wrong code and maybe file (if that is an external CSS file).  Search the code that has the image tags you see in those divs.  It should be the main file and called something like default, index, or something like it.  Make sure you are looking for this in the page that makes the majority of the html for the page.
bol
0
 

Author Comment

by:RickyGtz
ID: 24090273
HI, this is one of the phps
<?php
 

/**

* Gavick News Image VI

* @package Joomla!

* @Copyright (C) 2009 Gavick.com

* @ All rights reserved

* @ Joomla! is Free Software

* @ Released under GNU/GPL License : http://www.gnu.org/copyleft/gpl.html

* @version $Revision: 1.0.0 $

**/
 
 

/**

	access restriction

**/
 

defined('_JEXEC') or die('Restricted access');
 

// include helper file

require_once (dirname(__FILE__).DS.'helper.php');

// creating new instance of helper class

$helper = new gkNewsImage6Helper();

// initialize module variables

$helper->initialize($params);

// getting data

$helper->getDatas();

// generate module content

$helper->generateContent();	
 

?>

Open in new window

0
 

Author Comment

by:RickyGtz
ID: 24090276
And this is the other one?

none shows 420px
<?php
 

/**

* Gavick News Image VI - helper class

* @package Joomla!

* @Copyright (C) 2009 Gavick.com

* @ All rights reserved

* @ Joomla! is Free Software

* @ Released under GNU/GPL License : http://www.gnu.org/copyleft/gpl.html

* @version $Revision: 1.0.0 $

**/
 

// access restriction

defined('_JEXEC') or die('Restricted access');

// include com_content helper for article routing

require_once (JPATH_SITE.DS.'components'.DS.'com_content'.DS.'helpers'.DS.'route.php');
 

class gkNewsImage6Helper

{	

	// ID of module

	var $module_id; 

	// ID of Photoslide GK2 group

	var $group_id; 

	// Showing block with text over slides ?

	var $show_text_block; 

	// Opacity of block with text

	var $text_block_opacity;

	// Type of text block background - Photoslide default or user own background

	var $text_block_background;

	// Color of background in block with text

	var $text_block_bgcolor; 

	// Option to cleaning xhtml content

	var $clean_xhtml;

	// Content of readmore link

	var $readmore_text; 

	// Showing readmore link ?

	var $readmore_button;

	// Showing title as link ?

	var $title_link;

	// Position of tabs

	var $tabs_position; 

	// Speed of slide animation

	var $animation_slide_speed; 

	// Interval of slide animation

	var $animation_interval;

	// Autoanimation of slides

	var $autoanimation;

	// Type of slide animation

	var $animation_slide_type;

	// Type of text animation

	var $animation_text_type; 

	// Include MooTools on site ?

	var $useMoo;

	// Include module script on site ?

	var $useScript;

	// Path to Photoslide image storage

	var $base_path_to_images;

	// Amount of tabs

	var $tabs_amount; 

	// Width of tabs area

	var $tabsbar_width;

	// Storage for JSON data

	var $JSON;

	// Width of module

	var $module_width;

	// Height of module

	var $module_height;

	// Width of thumbnails in tabs

	var $thumbnail_width;

	// Height of thumbnails in tabs

	var $thumbnail_height;

	// Basic background color 

	var $base_bgcolor;

	// Basic title color

	var $base_titlecolor;

	// Basic text color

	var $base_textcolor; 

	// Basic links color

	var $base_linkcolor;

	// Basic hover links color

	var $base_hlinkcolor; 

	// Storage for slides

	var $slides;

	// Module background

	var $module_bg;

	// Clean code in template ?

	var $clean_code;

	// Margin for tabs

	var $tabs_margin;

	// Margin beetween tabs and main image

	var $tabsbar_margin;

	// Border for tabs

	var $tabs_per_page;

	// Use compressed JavaScript engine ?

	var $compress_js;

	// Enable preloading ?

	var $preloading;

	// Fixed height of text block

	var $start_h;

	// Chars limit for title in tabs

	var $title_limit;

	// Chars limit for text in tabs

	var $text_limit;
 

	/**

		Initializing class variables

	**/

	

	function initialize(&$params)

	{

		// basic parameters of module

		$this->module_id = $params->get('module_id', 'news_image_6_1'); // Module unique ID

		$this->group_id = $params->get('group_id', 0); // Photoslide group ID

		$this->module_bg = $params->get('module_bg', ''); // Module background color

		// text configuration

		$this->show_text_block = $params->get('show_text_block', 1); // Show text block ?

		$this->text_block_opacity = $params->get('text_block_opacity', 0.45); // Value of opacity in text block

		$this->text_block_background = $params->get('text_block_background', 0); // Type of background in text block

		$this->text_block_bgcolor = $params->get('text_block_bgcolor', 0); // Color of background in text block

		$this->clean_xhtml = $params->get('clean_xhtml', 0); // Clean XHTML content in text block ?

		$this->readmore_button = $params->get('readmore_button',1); // Show readmore link ?

		$this->readmore_text = $params->get('readmore_text','Read more'); // Text content for readmore link

		$this->title_link = $params->get('title_link',1); // showing title as links ?

		// tabs configuration

		$this->tabsbar_width = $params->get('tabsbar_width', 200); // Width of block with tabs

		$this->tabs_amount = $params->get('tabs_amount', 10); // Amount of tabs

		$this->tabs_margin = $params->get('tabs_margin', 3); // Amount of tabs

		$this->tabs_per_page = $params->get('tabs_per_page', 4); // Amount of tabs

		$this->tabs_position = $params->get('tabs_position', 'left'); // Position of tabs

		$this->tabsbar_margin = $params->get('tabsbar_margin', 5); // Margin beetween tabs and main image

		// animation configuration

		$this->animation_slide_speed = $params->get('animation_slide_speed', 0); // Speed of slide animation

		$this->animation_interval = $params->get('animation_interval', 0); // Interval of slide animation

		$this->autoanimation = $params->get('autoanimation', 0); // Autoanimation ?

		$this->animation_slide_type = $params->get('animation_slide_type', 0); // Type of slide animation

		$this->animation_text_type = $params->get('animation_text_type', 0); // Type of text animation 

		// scripts configuration

		$this->clean_code = (bool) $params->get('clean_code', 1); // Use importer.php instead of inline JavaScript code in template ?

		$this->useMoo = $params->get('useMoo', 2); // Include MooTools on site ?

		$this->useScript = $params->get('useScript', 2); // Include script on site ?

		$this->compress_js = $params->get('compress_js', 1); // Use compressed JavaScript engine ?

		$this->preloading = $params->get('preloading', 1); // Enable preloading ?

		$this->start_h = $params->get('start_h', 120); // Fixed height of text block

		// text limits

		$this->title_limit = $params->get('title_limit', 40); // Title chars limit

		$this->text_limit = $params->get('text_limit', 100); // Text chars limit

		// generating base path

		$uri =& JURI::getInstance(); // getting instance of JURI class

		$this->base_path_to_images = $uri->root().'components/com_gk2_photoslide/images'; // generating path to Photoslide image storage

	}
 

	/**

		Getting datas from database and preparing it

	**/
 

	function getDatas()

	{	

		// creating SQL query to get data from Photoslide component

		$query = "SELECT * FROM #__gk2_photoslide_groups WHERE `id` = ".$this->group_id." LIMIT 1;";

		// creating base classes and variables

		$database = & JFactory::getDBO(); // getting instance of database interface

		$uri = JURI::getInstance(); // getting instance of JURI class

		$database->setQuery($query); // setting query

		$user =& JFactory::getUser(); // getting User informations

		$aid = $user->get('aid', 0); // getting AID value

		// If some data exists

		if( $data = $database->loadObjectList())

		{

			// Preparing data

			foreach($data as $item)

			{

				// module images parameters

				$this->module_width = $item->mediumThumbX; // width of main slide

				$this->module_height = $item->mediumThumbY; // height of main slide

				$this->thumbnail_width = $item->smallThumbX; // width of thumbnail

				$this->thumbnail_height = $item->smallThumbY; // height of thumbnail

				// module basic settings

				$this->base_bgcolor = $item->bgcolor; // basic background color

				$this->base_titlecolor = $item->titlecolor; // basic title color

				$this->base_textcolor = $item->textcolor; // basic text color

				$this->base_linkcolor = $item->linkcolor; // basic link color

				$this->base_hlinkcolor = $item->hlinkcolor; // basic hover link color

			}

		}

		// SQL query to get content connected with slides

		$query = "

		SELECT 

			`i`.`file` AS `name`, 

			`i`.`title` AS `title`, 

			`i`.`text` AS `text`, 

			`i`.`linktype` AS `linktype`, 

			`i`.`linkvalue` AS `linkvalue`, 

			`i`.`article` AS `article`, 

			`i`.`wordcount` AS `wordcount`, 

			`c`.`title` AS `ctitle`, 

			`c`.`sectionid` AS `sid`,

			`c`.`introtext` AS `introtext`, 

			`c`.`id` AS `cid` 

		FROM 

			#__gk2_photoslide_slides AS `i` 

			LEFT JOIN 

				#__content AS `c` ON `i`.`article` = `c`.`id` 

		WHERE 

			`i`.`group_id` = ".$this->group_id." 

			AND

			`i`.`published` = 1

			AND 

			`i`.`access` <= ".(int) $aid."

		ORDER BY 

			`i`.`order` ASC 

		LIMIT ".$this->tabs_amount.";";

		// run query

		$database->setQuery($query);

		// preparing arrays

		$this->slides = array();

		$prepared_image = array();

		// if showing text block is enabled - preparing JSON wrapper

		$this->JSON = '<div class="gk_news_image_6_text_datas">';

		// loading datas

		if( $datas = $database->loadObjectList() )

		{

			// preparing data

			foreach($datas as $item)

			{

				// cleaning array with images 

				unset($prepared_image);

				// filling array with data

				$prepared_image = array(

					'name' => $item->name,

					'title' => $item->title,

					'text' => $item->text,

					'linktype' => $item->linktype,

					'linkvalue' => $item->linkvalue,

					'article' => $item->article,

					'wordcount' => $item->wordcount,

					'introtext' => $item->introtext,

					'ctitle' => $item->ctitle,

					'sid' => $item->sid,

					'cid' => $item->cid

				);

				// selecting title for items

				$slide_title = ($item->title == '') ? $item->ctitle: $item->title;

				$slide_text = ($item->text == '') ? $item->introtext: $item->text;

				$slide_textcolor = $this->base_textcolor;

				// cleaning of xhtml in content ?

				if($this->clean_xhtml == 1) $slide_text = strip_tags($slide_text);

				// limit for text ?

				if($item->wordcount != 0)

				{

					// preparing temporary string

					$str = $slide_text;

					// start position as 0

					$start_strpos = 0;

					// getting words

					for($i = 0; $i < $item->wordcount && $start_strpos < JString::strlen($str); $i++)

					{

						// searching of finish

						if(JString::strpos($str, ' ', $start_strpos) !== FALSE)

						{

							// increace start position

							$start_strpos = JString::strpos($str, ' ', $start_strpos) + 1;

						}	

					}

					// finishing text preparing

		    		$slide_text = JString::trim($str);

					$slide_text = JString::substr($slide_text, 0, $start_strpos);

					$slide_text .= "...";

				}

			 	// Switching type of link

				switch($item->linktype)

				{

					// link value

					case 0:

						$slide_link = $item->linkvalue; 

					break;

					// standard link value

					case 1: 

						$slide_link = JRoute::_(ContentHelperRoute::getArticleRoute($item->article, $item->cid, $item->sid));

					break;

					// blank link

					default: 

						$slide_link = '';

					break;

				}

				// links in titles are enabled ?

				if($this->title_link == 0)

				{

					$slide_text = '<h2 style="color:'.$this->base_titlecolor.';">'.$slide_title.'</h2><p style="color:'.$slide_textcolor.';">'.$slide_text;

				}

				else // in other situation

				{

					// preparing hover effect

					$hover_effect = ' style="color:'.$this->base_titlecolor.';" onmouseover="this.style.color = \''.$this->base_hlinkcolor.'\';" onmouseout="this.style.color = \''.$this->base_titlecolor.'\'" ';

					// and code with link and hover efect

					$slide_text = '<h2><a href="'.$slide_link.'" '.$hover_effect.' class="gk_news_image_6_title">'.$slide_title.'</a></h2><p style="color:'.$slide_textcolor.';">'.$slide_text;

				}

				// finishing slide text

				$slide_text .= '</p>';

				// filling JSON data tag

				$this->JSON .= '<div class="gk_ni_6_news_text">'.$slide_text.'</div><div class="gk_ni_6_news_link">'.$slide_link.'</div>';

				// push prepared data to slide storage

				array_push($this->slides, $prepared_image);

			}

		}

		// finishing JSON data tag

		$this->JSON .= '</div>';

	}

	

	/**

		Method for generating content

	**/

	

	function generateContent()

	{

		// create instances of basic Joomla! classes

		$document =& JFactory::getDocument(); // getting handle to document

		$uri =& JURI::getInstance(); // getting instance of JURI class

		// include file content.php and parse it

		require(JModuleHelper::getLayoutPath('mod_gk_news_image_6', 'content'));

		// add stylesheets to document header

		$document->addStyleSheet( $uri->root().'modules/mod_gk_news_image_6/css/style.css', 'text/css' );

		// init $headData variable

		$headData = false;

		// add scripts with automatic mode to document header

		if($this->useMoo == 2)

		{

			// getting module head section datas

			unset($headData);

			$headData = $document->getHeadData();

			// generate keys of script section

			$headData_keys = array_keys($headData["scripts"]);

			// set variable for false

			$mootools_founded = false;

			// searching phrase mootools in scripts paths

			for($i = 0;$i < count($headData_keys); $i++)

			{

				if(preg_match('/mootools/i', $headData_keys[$i]))

				{

					// if founded set variable to true and break loop

					$mootools_founded = true;

					break;

				}

			}

			// if mootools file doesn't exists in document head section

			if(!$mootools_founded)

			{

				// add new script tag connected with mootools from module

				$headData["scripts"][$uri->root().'modules/mod_gk_news_image_6/js/mootools.js'] = "text/javascript";

				// if added mootools from module then this operation have sense

				$document->setHeadData($headData);

			}

		}

		// if automatic including of JavaScript engine is enabled

		if($this->useScript == 2){

			// getting module head section datas

			unset($headData);

			$headData = $document->getHeadData();

			// generate keys of script section

			$headData_keys = array_keys($headData["scripts"]);

			// set variable for false

			$engine_founded = false;

			// searching phrase mootools in scripts paths

			if(array_search($uri->root().'modules/mod_gk_news_image_6/js/engine'.(($this->compress_js == 1) ? '_compressed' : '').'.js', $headData_keys) > 0)

			{

				// if founded set variable to true

				$engine_founded = true;

			}

			// if mootools file doesn't exists in document head section

			if(!$engine_founded)

			{

				// add new script tag connected with mootools from module

				$headData["scripts"][$uri->root().'modules/mod_gk_news_image_6/js/engine'.(($this->compress_js == 1) ? '_compressed' : '').'.js'] = "text/javascript";

				// if added mootools from module then this operation have sense

				$document->setHeadData($headData);

			}

		}

		// if clean code is enable use importer.php to include 

		// module settings in head section of document

		if($this->clean_code)

		{

			// add script tag with module configuration to document head section	

			// get head document section data 

			unset($headData);

			$headData = $document->getHeadData();

			// add new script tag to head document section data array	

			$headData["scripts"][$uri->root().'modules/mod_gk_news_image_6/js/importer.php?mid='.$this->module_id.'&amp;animation_slide_speed='.$this->animation_slide_speed.'&amp;animation_interval='.$this->animation_interval.'&amp;autoanimation='.$this->autoanimation.'&amp;animation_slide_type='.$this->animation_slide_type.'&amp;animation_text_type='.$this->animation_text_type.'&amp;thumbnail_width='.$this->thumbnail_width.'&amp;thumbnail_height='.$this->thumbnail_height.'&amp;tabs_amount='.$this->tabs_amount.'&amp;base_bgcolor='.str_replace('#','',$this->base_bgcolor).'&amp;text_block_opacity='.$this->text_block_opacity] = "text/javascript";

			// if added mootools from module then this operation have sense

			$document->setHeadData($headData);

		} 				

		// add default.php template to parse if it's necessary

		if($this->useMoo != 2 || $this->useScript != 2 || !$this->clean_code)

		{

			require(JModuleHelper::getLayoutPath('mod_gk_news_image_6', 'default'));

		}

	}

}
 

?>

Open in new window

0
 
LVL 54

Expert Comment

by:b0lsc0tt
ID: 24091447
What are those files?  You keep posting pages but haven't said what the file is that appears when the URL is used.  You don't mention if there are external files like includes, css, etc.  Posting code snippets and me guessing isn't going to help if you don't find 420px in the code.  You have access to the server and set up that page.  You know what files are used and what the main file is.  Please provide those details and just the code that make the part of the page in question.  Look at the html source if that will help you see what the end result is like (i.e. to tell what php script may be relevant).
Also make sure you answer what was mentioned in previous posts.  You continue to just post something without really responding to what was mentioned in my previous comments.  It seems as if that page is made with various files and there will be no way I can be more specific on where to make the change if I have no understanding of that.  I hope you can and are willing to provide it.  I will be glad to help if I get the info.
bol
0
 

Author Comment

by:RickyGtz
ID: 24091713
Hi are you familiar with joomla? this is a module so it does have many 'includes'  , aslo theres is a template which I use and has this index.php which is the one you see on frontpage
<?php

	

	/*--------------------------------------------------------------

	# Musictube - February 2009 (for Joomla 1.5)

	# Copyright (C) 2007-2009 Gavick.com. All Rights Reserved.

	# License: Copyrighted Commercial Software

	# Website: http://www.gavick.com

	# Support: support@gavick.com  

	---------------------------------------------------------------*/

	

	// no direct access

	defined('_JEXEC') or die('Restricted access');

	// including base setup file

	include_once(JPATH_ROOT . "/templates/" . $this->template . '/lib/php/gk_setup.php');

	// including menu generator file

	include_once(JPATH_ROOT . "/templates/" . $this->template . '/lib/php/menu.php');

	

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
 

<head>
 

	<jdoc:include type="head" />
 

	<?php

		// including template header files

		include_once(JPATH_ROOT . "/templates/" . $this->template . '/lib/php/gk_head.php');	

	?>

</head>
 

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

try {

var pageTracker = _gat._getTracker("UA-6385816-5");

pageTracker._trackPageview();

} catch(err) {}</script>
 
 

<body>

	<div id="wrapper_main">

		<jdoc:include type="message" />

		<?php if($login_button && ($this->countModules('userarea'))) : ?>

		<!-- userarea -->

		<div id="wrapper_userarea" class="wrapper_centered">

			<div id="userarea">

				<?php if($this->countModules('userarea')) : ?>

				<div class="userarea">

				<jdoc:include type="modules" name="userarea" style="raw" />

				</div>

				<?php endif; ?>

			</div>

		</div>

		<?php endif; ?>

		<div id="wrapper_top" class="wrapper_centered">

 			<a id="logo<?php echo ($logo_as_image) ? '' : '_styled'; ?>" href="./">
 

<?php if($logo_as_image) : ?><?php endif; ?>

			</a>

			<img src="http://www.feedmystream.com/images/FMSlogo.png" alt="fmslogo" width="360" height="72" />

			<?php if($this->countModules('banner1')) : ?>

			<div id="banner1">

				<jdoc:include type="modules" name="banner1" style="raw" />

		  </div>

			<?php endif; ?>

			

			<?php if($login_button && ($this->countModules('userarea'))) : ?>

			<div id="login_btn"><span><?php echo JText::_('OPEN_UA'); ?></span></div>

			<?php endif; ?>

	  </div>

<!-- menu -->

		<div id="wrapper_menu" class="wrapper_centered">

			<div class="wrapper_centered clearfix">

				<div id="horiz-menu">

					<?php echo $main_navigation;?>

				</div>

	    		<?php if($font_size_buttons) : ?>

	    		<div id="font_minus_btn" title="<?php echo JText::_('DECREASE_FONT_SIZE'); ?>"></div>

	    		<div id="font_reset_btn" title="<?php echo JText::_('RESET_FONT_SIZE'); ?>"></div>

	    		<div id="font_plus_btn" title="<?php echo JText::_('INCREASE_FONT_SIZE'); ?>"></div>

				<?php endif; ?>

	    	</div>

		</div>

		<div id="wrapper_inside" class="wrapper_centered">

		<?php if($this->countModules('breadcrumbs + search')) : ?>

			<div class="wrapper_centered bigger">

				<?php if($this->countModules('breadcrumbs')) : ?>

					<div id="breadcrumbs<?php echo ($this->countModules('search') ? '' : '_100'); ?>">

						<div class="bg_right">

							<div class="pathway_wrapper">

								<?php if($youah) : ?>

      								<span class="breadcrumbs_start"><?php echo JText::_('YOU_ARE_HERE'); ?> : </span>

 								<?php endif; ?>

								<jdoc:include type="modules" name="breadcrumbs" style="raw" />

							</div>

							

							<jdoc:include type="modules" name="highlighter" style="raw" />

						</div>

					</div>

				<?php endif; ?>

				<?php if($this->countModules('search')) : ?>

					<div id="search">

					<jdoc:include type="modules" name="search" style="raw" />

					</div>

				<?php endif; ?>

			</div>

		<?php endif; ?>

		

		<?php if($this->countModules('banner2')) : ?>

			<div class="wrapper_centered">

				<jdoc:include type="modules" name="banner2" style="raw" />

			</div>	

		<?php endif; ?>	

        

        

        <?php if ($this->countModules('customrick')) : ?>

<div class="module_wrap" align="center" style="gavickpro">

<jdoc:include type="modules" name="customrick" style="gavickpro" headerLevel="3"/>

</div>

<?php endif; ?>

        

        

		<?php if($this->countModules('header1 + header2')) : ?>

		<div id="wrapper_header" class="clearfix">

        <!--<span style="color: #2068bb;" > This is blue text </span>-->

			<div class="wrapper_centered" >

				<?php if($this->countModules('header1')) : ?>

<div  class="gavickpro"id="header1" style="width:<?php echo $header_width_1; ?>px;">
 

					<jdoc:include type="modules" name="header1" style="raw" />

					

                    

                    </div>

				<?php endif; ?>

				<?php if($this->countModules('header2')) : ?>

					<div id="header2" style="width:<?php echo $header_width_2; ?>px;margin-left: <?php echo $header_margin; ?>px;">

					<jdoc:include type="modules" name="header2" style="xhtml" />

					</div>

				<?php endif; ?>

			</div>

		</div>

		<?php endif; ?>

		

		<?php if($this->countModules('banner3')) : ?>

			<div class="wrapper_centered">

				<jdoc:include type="modules" name="banner3" style="raw" />

			</div>	

		<?php endif; ?>

			

		<?php if($this->countModules('advert1 or advert2 or advert3')) : ?>

	  			<div class="advert_wrap clearfix">

	  			<?php if ($this->countModules('advert1')) : ?>

	     			<div class="<?php echo $advert_position; ?>">

				    <jdoc:include type="modules" name="advert1" style="gavickpro" />

				    </div>

				<?php endif; ?>

				                    

				<?php if ($this->countModules('advert2')) : ?>

				    <div class="<?php echo $advert_position; ?>">

				    <jdoc:include type="modules" name="advert2" style="gavickpro" />

				    </div>

				<?php endif; ?>

				                              

				<?php if ($this->countModules('advert3')) : ?>

					<div class="<?php echo $advert_position; ?>">

				    <jdoc:include type="modules" name="advert3" style="gavickpro" />

				    </div>

				<?php endif; ?>

	   			</div>

      	<?php endif; ?>

			

		<div id="wrapper_content" class="clearfix wrapper_centered"> 

				<?php if ($this->countModules('column') && $column_position == "left") : ?>

	   				<div id="left" style="width: <?php echo $column_width; ?>px;">

	   					<?php

	   						

						    //

							$modGetter = &JModuleHelper::getModules('column');

							//

							$module_number = 1;

							//

							$head_amount = 0;

							//

							$attribs = array();

							//

							$attribs['style'] = 'gavickpro_column';

							$attribs['headerLevel'] = '3';

							$attribs['interface'] = $column_interface;

							//

							$modulesTable = array();

							$orderTable = array();

							//

							$i = 1;

							//

							foreach(array_keys($modGetter) as $m)

							{

								$modulesTable[] = $m;

								if($modGetter[$m]->showtitle) $head_amount++;

							}

							//

							if(($column_interface == 2 || $column_interface == 3) && isset($_COOKIE['gk23_colo']))

							{

								if(count(explode(',', substr($_COOKIE['gk23_colo'], 0, -1))) == $head_amount)

								{

									//

									$cookie_string = explode(',', substr($_COOKIE['gk23_colo'], 0, -1));

									//

									for($i = 0; $i < count($cookie_string); $i++)

									{

										//

										$num = (int) substr($cookie_string[$i], 8);

										$attribs['ordering'] = $num;

										echo JModuleHelper::renderModule($modGetter[$modulesTable[$num-1]], $attribs);

										//

										$modulesTable[$num-1] = false;

									}

									//

									for($i = 0; $i < count($modulesTable); $i++)

									{

										if($modulesTable[$i] !== false)

										{

											//

											$attribs['ordering'] = $i;

											//

											echo JModuleHelper::renderModule($modGetter[$modulesTable[$i]], $attribs);

										}

									}

								}

								else

								{

									//

									for($i = 0; $i < count($modulesTable); $i++)

									{

										//

										$attribs['ordering'] = $i + 1;

										//

										echo JModuleHelper::renderModule($modGetter[$modulesTable[$i]], $attribs);

									}									

								}

							}

							else //

							{

								//

								for($i = 0; $i < count($modulesTable); $i++)

								{

									//

									$attribs['ordering'] = $i + 1;

									//

									echo JModuleHelper::renderModule($modGetter[$modulesTable[$i]], $attribs);

								}

							}

							

	   					?>

	           		</div>

        		<?php endif; ?>

				

				

				<div id="component<?php echo $w_count ?>" <?php if($this->countModules('column')) echo 'style="width: '.(932-$column_width).'px;"'; ?>>

				<?php if ($this->countModules('top')) : ?>

					<div class="module_wrap">

				         <jdoc:include type="modules" name="top" style="gavickpro" headerLevel="3" />

				    </div>

				<?php endif; ?>

				                

				<?php if($this->countModules('user1 or user2 or user3')) : ?>

					<div class="users_wrap clearfix">

					<?php if ($this->countModules('user1')) : ?>

	    				<div align="center" class="<?php echo $user_position_1; ?>">

	        				<jdoc:include type="modules" name="user1" style="gavickpro" />

	        			</div>

	        		<?php endif; ?>

				                    

					<?php if ($this->countModules('user2')) : ?>

	    				<div style="background-color:" class="<?php echo $user_position_1; ?>">

	        				<jdoc:include type="modules" name="user2" style="gavickpro" />

	                	</div>

	                <?php endif; ?>

				                              

					<?php if ($this->countModules('user3')) : ?>

	    				<div class="<?php echo $user_position_1; ?>">

	        				<jdoc:include type="modules" name="user3" style="gavickpro" />

	            		</div>

	              	<?php endif; ?>

	               	</div>

	        	<?php endif; ?>   

				                

				<?php

					// show mainbody on all subpages but not on frontpage

					if (!$frontpage_i) :

	 			?>

	 			<div id="wrapper_content_mainbody">

	    			<div id="mainbody">

	      				<jdoc:include type="component" />

	         		</div>

	         	</div>

				<?php endif; ?>

	          

				<?php if($this->countModules('user4 or user5 or user6')) : ?>

					<div class="users_wrap clearfix">

					<?php if ($this->countModules('user4')) : ?>

	    				<div class="<?php echo $user_position_2; ?>">

	        				<jdoc:include type="modules" name="user4" style="gavickpro" />

	            		</div>

	              	<?php endif; ?>

				                              

					<?php if ($this->countModules('user5')) : ?>

	    				<div class="<?php echo $user_position_2; ?>">

	        				<jdoc:include type="modules" name="user5" style="gavickpro" />

	            		</div>

	              	<?php endif; ?>

				                              

					<?php if ($this->countModules('user6')) : ?>

	    				<div class="<?php echo $user_position_2; ?>">

	        				<jdoc:include type="modules" name="user6" style="gavickpro" />

	            		</div>

	              	<?php endif; ?>

	      			</div>

	         	<?php endif; ?>

				                        

				<?php if ($this->countModules('bottom')) : ?>

	   				<div class="module_wrap">

	       				<jdoc:include type="modules" name="bottom" style="gavickpro" headerLevel="3" />

	           		</div>

	           	<?php endif; ?>

	           	</div>

				                  

				<?php if ($this->countModules('column') && $column_position == "right") : ?>

	   				<div id="right" style="width: <?php echo $column_width; ?>px;">

	   					<?php

	   					

							//

							$modGetter = &JModuleHelper::getModules('column');

							//

							$module_number = 1;

							//

							$head_amount = 0;

							//

							$attribs = array();

							//

							$attribs['style'] = 'gavickpro_column';

							$attribs['headerLevel'] = '3';

							$attribs['interface'] = $column_interface;

							//

							$modulesTable = array();

							$orderTable = array();

							//

							$i = 1;

							//

							foreach(array_keys($modGetter) as $m)

							{

								$modulesTable[] = $m;

								if($modGetter[$m]->showtitle) $head_amount++;

							}

							//

							if(($column_interface == 2 || $column_interface == 3) && isset($_COOKIE['gk23_colo']))

							{

								if(count(explode(',', substr($_COOKIE['gk23_colo'], 0, -1))) == $head_amount)

								{

									//

									$cookie_string = explode(',', substr($_COOKIE['gk23_colo'], 0, -1));

									//

									for($i = 0; $i < count($cookie_string); $i++)

									{

										//

										$num = (int) substr($cookie_string[$i], 8);

										$attribs['ordering'] = $num;

										echo JModuleHelper::renderModule($modGetter[$modulesTable[$num-1]], $attribs);

										//

										$modulesTable[$num-1] = false;

									}

									//

									for($i = 0; $i < count($modulesTable); $i++)

									{

										if($modulesTable[$i] !== false)

										{

											//

											$attribs['ordering'] = $i;

											//

											echo JModuleHelper::renderModule($modGetter[$modulesTable[$i]], $attribs);

										}

									}

								}

								else

								{

									//

									for($i = 0; $i < count($modulesTable); $i++)

									{

										//

										$attribs['ordering'] = $i + 1;

										//

										echo JModuleHelper::renderModule($modGetter[$modulesTable[$i]], $attribs);

									}									

								}

							}

							else //

							{

								//

								for($i = 0; $i < count($modulesTable); $i++)

								{

									//

									$attribs['ordering'] = $i + 1;

									//

									echo JModuleHelper::renderModule($modGetter[$modulesTable[$i]], $attribs);

								}

							}

							

	   					?>

	           		</div>

        		<?php endif; ?>

			            

 			</div>

		</div>

		

		<?php if ($this->countModules('user6 or user7 or user8 or user9 or user10 or user11')) : ?>

		<div id="wrapper_bottom" class="clearfix wrapper_centered">

			<?php if ($this->countModules('user7')) : ?>

			<div class="<?php echo $user_position_3; ?>">

 				<jdoc:include type="modules" name="user7" style="gavickpro" />

			</div>

			<?php endif; ?>

			<?php if ($this->countModules('user8')) : ?>

			<div class="<?php echo $user_position_3; ?>">

				<jdoc:include type="modules" name="user8" style="gavickpro" />

			</div>

			<?php endif; ?>

 			<?php if ($this->countModules('user9')) : ?>

			<div class="<?php echo $user_position_3; ?>">

				<jdoc:include type="modules" name="user9" style="gavickpro" />

			</div>

			<?php endif; ?>

			<?php if ($this->countModules('user10')) : ?>

			<div class="<?php echo $user_position_3; ?>">

				<jdoc:include type="modules" name="user10" style="gavickpro" />

			</div>

			<?php endif; ?>

			<?php if ($this->countModules('user11')) : ?>

			<div class="<?php echo $user_position_3; ?>">

				<jdoc:include type="modules" name="user11" style="gavickpro" />

			</div>

			<?php endif; ?>

		</div>

		<?php endif; ?>

	</div>

	<!-- footer -->

	<div class="wrapper_centered clearfix">    

		<div id="wrapper_footer">

		<?php 

			// including footer file

			include_once(JPATH_ROOT . "/templates/" . $this->template . '/lib/php/gk_footer.php'); 

		?>

		</div>

	</div>

	

	<?php 

		// including information alert for IE6

		if($this->params->get("ie6info", 1) == 1): 

	?>

	<!-- IE6 alert -->

	<!--[if IE 6]>

	<div id="ie6">

	<?php include_once(JPATH_ROOT."/templates/".$this->template.'/lib/php/gk_ie6.php'); ?>

	</div>

	<![endif]-->

	<?php endif; ?>

	<jdoc:include type="modules" name="debug" />

</body>

</html>

Open in new window

0
 
LVL 54

Accepted Solution

by:
b0lsc0tt earned 300 total points
ID: 24092597
Thanks!  Now that was helpful.
>> Hi are you familiar with joomla? <<
That was the part that was especially helpful.  Next time please mention that at the start. It is a key piece of info and very relevant to what you are asking.  :)
I am familiar with Joomla sites and page but not in their code and using it as a developer.  I will be limited in how I can help.  The html you are looking for is made in the section of PHP below.  Probably by the lines that use "<jdoc:" which must be something Joomla handles.  If you don't actually see 420 then it might be something calculated based on some other width (e.g. echo $header_width_1; in the code below produces 918 for a width in the html).
I couldn't find out exactly which If would do it and don't know how the jdoc tags work.  If you need to you can add some html contents to the sections in the code below to narrow down which makes the html.  Remember my initial warning though which seems like it might be valid here (see the "One caution" part in my first post).  If this being done "automatically" by some Joomla "module" then it might be hard to change just the section you need without adversely affecting other parts of the page.
Let me know if you have a question about this or how it helps.
bol

        <!--<span style="color: #2068bb;" > This is blue text </span>-->

			<div class="wrapper_centered" >

				<?php if($this->countModules('header1')) : ?>

<div  class="gavickpro"id="header1" style="width:<?php echo $header_width_1; ?>px;">

 

					<jdoc:include type="modules" name="header1" style="raw" />

					

                    

                    </div>

				<?php endif; ?>

				<?php if($this->countModules('header2')) : ?>

					<div id="header2" style="width:<?php echo $header_width_2; ?>px;margin-left: <?php echo $header_margin; ?>px;">

					<jdoc:include type="modules" name="header2" style="xhtml" />

					</div>

				<?php endif; ?>

			</div>

		</div>

		<?php endif; ?>

		

		<?php if($this->countModules('banner3')) : ?>

			<div class="wrapper_centered">

				<jdoc:include type="modules" name="banner3" style="raw" />

			</div>	

		<?php endif; ?>

			

		<?php if($this->countModules('advert1 or advert2 or advert3')) : ?>

	  			<div class="advert_wrap clearfix">

	  			<?php if ($this->countModules('advert1')) : ?>

	     			<div class="<?php echo $advert_position; ?>">

				    <jdoc:include type="modules" name="advert1" style="gavickpro" />

				    </div>

				<?php endif; ?>

				                    

				<?php if ($this->countModules('advert2')) : ?>

				    <div class="<?php echo $advert_position; ?>">

				    <jdoc:include type="modules" name="advert2" style="gavickpro" />

				    </div>

				<?php endif; ?>

				                              

				<?php if ($this->countModules('advert3')) : ?>

					<div class="<?php echo $advert_position; ?>">

				    <jdoc:include type="modules" name="advert3" style="gavickpro" />

				    </div>

				<?php endif; ?>

	   			</div>

      	<?php endif; ?>

Open in new window

0
 

Author Comment

by:RickyGtz
ID: 24110782
Hi, I check index php on template but it only defines a section on template width , and does not increase of module within inside of it, so its got to be the module settings.
0
 

Author Comment

by:RickyGtz
ID: 24110897
actually I think I found the php which defines the width, would this be helpfull for your to assist me further on this problem?
<?php 
 

/**

* Gavick News Image VI - content template

* @package Joomla!

* @Copyright (C) 2009 Gavick.com

* @ All rights reserved

* @ Joomla! is Free Software

* @ Released under GNU/GPL License : http://www.gnu.org/copyleft/gpl.html

* @version $Revision: 1.0.0 $

**/
 

// access restriction

defined('_JEXEC') or die('Restricted access');

//

$block_width = $this->module_width + $this->tabsbar_width + $this->tabsbar_margin;

//

$text_overlay_bgcolor = ($this->text_block_background == 0) ? $this->text_block_bgcolor : $this->base_bgcolor;
 

?>
 

<div class="gk_ni_6_wrapper" id="gk_news_image_6-<?php echo $this->module_id;?>" style="width:<?php echo $block_width;?>px;<?php echo ($this->module_bg == '') ? '' : 'background-color: #'.$this->module_bg.';'; ?>">

	<div style="width:<?php echo $this->module_width;?>px;height: auto;float: <?php echo (($this->tabs_position == 'left') ? 'right':'left');?>;">

		<div class="gk_ni_6_wrapper2" style="width:<?php echo $this->module_width;?>px;height:<?php echo $this->module_height;?>px;background-color: <?php echo $this->base_bgcolor;?>;float: <?php echo (($this->tabs_position == 'left') ? 'right':'left');?>;">

			<div class="gk_ni_6_json"><?php echo $this->JSON;?></div>

				

			<?php $highest_layer = 0; ?>

			

			<?php for($i = 0; $i < count($this->slides); $i++) : ?>

				<?php if($this->preloading == 0) : ?>

					<div class="gk_ni_6_slide" style="background-image:url(<?php echo $this->base_path_to_images; ?>/thumbm/<?php echo $this->slides[$i]['name']; ?>);z-index:<?php echo $i; ?>;width: <?php echo $this->module_width; ?>px;height: <?php echo $this->module_height; ?>px;"></div>

				<?php else : ?>

					<div class="gk_ni_6_slide" style="z-index: <?php echo $i; ?>;width: <?php echo $this->module_width; ?>px;height: <?php echo $this->module_height; ?>px;"><?php echo $this->base_path_to_images; ?>/thumbm/<?php echo $this->slides[$i]['name']; ?></div>

				<?php endif; ?>

				<?php $highest_layer = $i; ?>

			<?php endfor; ?>

		

		<?php $highest_layer += 5; ?>

		

		<?php if($this->show_text_block == 1) : ?>

				<div class="gk_ni_6_text_bg" style="z-index:<?php echo $highest_layer;?>;	background-color: <?php echo $text_overlay_bgcolor; ?>;opacity: <?php echo $this->text_block_opacity;?>;height: <?php echo $this->start_h; ?>px;top: <?php echo $this->module_height - $this->start_h; ?>px;"></div>

				<?php $highest_layer += 1; ?>

				<div class="gk_ni_6_text" style="z-index:<?php echo $highest_layer;?>;height: <?php echo $this->start_h; ?>px;top: <?php echo $this->module_height - $this->start_h; ?>px;"></div>

		<?php endif; ?>

		

		</div>

		<?php if($this->readmore_button == 1) : ?>

		<div class="gk_ni_6_readmore_wrapper">	

			<div class="gk_ni_6_readmore_button">

				<span><a href="#"><?php echo $this->readmore_text; ?></a></span>

			</div>

		</div>

		<?php endif; ?>

	</div>
 

	<div style="width:<?php echo $this->tabsbar_width; ?>px;height: auto;margin-<?php echo ($this->tabs_position == 'left') ? 'right' : 'left'; ?>: <?php echo $this->tabsbar_margin; ?>px;overflow: hidden;float: left;">

		<div class="gk_ni_6_tabsbar_wrap" style="width:<?php echo $this->tabsbar_width; ?>px;height:<?php echo $this->module_height;?>px;">

	

		<?php if((count($this->slides) * ((($this->module_height - ($this->tabs_margin*($this->tabs_per_page-1)))/$this->tabs_per_page) + $this->tabs_margin)) < $this->module_height) : ?>

			<div class="gk_ni_6_tabsbar" style="width:<?php echo $this->tabsbar_width; ?>px;height: auto; ?>px;">	

					

				<?php for($i = 0;$i < count($this->slides);$i++) : ?>

					<?php 

						$field_title = "";

						$field_text = "";

						($this->slides[$i]["title"] == '') ? $field_title = "ctitle" : $field_title = "title";

						($this->slides[$i]["text"] == '') ? $field_text = "introtext" : $field_text = "text";

					?>

					

					<div class="gk_ni_6_tab" style="margin-bottom: <?php echo $this->tabs_margin; ?>px;height: <?php echo (($this->module_height - ($this->tabs_margin*($this->tabs_per_page-1)))/$this->tabs_per_page); ?>px;">

						<img src="<?php echo $this->base_path_to_images; ?>/thumbs/<?php echo $this->slides[$i]['name']; ?>" alt="News Image" />

						<h4><?php echo htmlspecialchars(strip_tags(JString::substr($this->slides[$i][$field_title], 0, $this->title_limit))); ?></h4><br />

						<p><?php echo htmlspecialchars(strip_tags(JString::substr($this->slides[$i][$field_text], 0, $this->text_limit))); ?>...</p>

						<div class="gk_ni_6_hover"><div></div></div>

					</div>

				<?php endfor; ?>

			

			</div>

		<?php else : ?>

			<div class="gk_ni_6_tabsbar" style="width:<?php echo $this->tabsbar_width; ?>px;height: auto;">	

				

			<?php for($i = 0;$i < count($this->slides);$i++) : ?>

				<?php

					$field_title = "";

					$field_text = "";

					($this->slides[$i]["title"] == '') ? $field_title = "ctitle" : $field_title = "title";

					($this->slides[$i]["text"] == '') ? $field_text = "introtext" : $field_text = "text";

					$first_margin = ($i == 0) ? 'margin-top: 0px;' : '';

				?>

				

				<div class="gk_ni_6_tab" style="margin-bottom: <?php echo $this->tabs_margin; ?>px;height: <?php echo (($this->module_height - ($this->tabs_margin*($this->tabs_per_page-1)))/$this->tabs_per_page); ?>px;">

					<img src="<?php echo $this->base_path_to_images; ?>/thumbs/<?php echo $this->slides[$i]['name']; ?>" alt="News Image" />

					<h4><?php echo htmlspecialchars(strip_tags(JString::substr($this->slides[$i][$field_title], 0, $this->title_limit))); ?></h4>

					<p><?php echo htmlspecialchars(strip_tags(JString::substr($this->slides[$i][$field_text], 0, $this->text_limit))); ?>...</p>

					<div class="gk_ni_6_hover"><div style="margin-top: <?php echo ((($this->module_height - ($this->tabs_margin*($this->tabs_per_page-1)))/$this->tabs_per_page)-41)/2; ?>px;"></div></div>

				</div>

		

			<?php endfor; ?>

		

			</div>

		<?php endif; ?>

		</div>

		

		<?php if(!((count($this->slides) * ((($this->module_height - ($this->tabs_margin*($this->tabs_per_page-1)))/$this->tabs_per_page)) + $this->tabs_margin)) < $this->module_height) : ?>

		    <div class="gk_ni_6_tabsbar_slider" style="width:<?php echo $this->tabsbar_width; ?>px;">

				<div class="gk_ni_6_tabsbar_up"></div>		

				<div class="gk_ni_6_tabsbar_down"></div>

			</div>

		<?php endif; ?>

	</div>

	

	<?php if($this->preloading == 1) : ?>

		<div class="gk_ni_6_preloader" style="z-index: 1000;width:<?php echo $block_width;?>px;height:<?php echo $this->module_height+24;?>px;"></div>

	<?php endif; ?>

</div>

Open in new window

0
 
LVL 54

Expert Comment

by:b0lsc0tt
ID: 24111364
The code in the snippet of your last comment does seem to be what makes that part of the page.  Line 33 in that snippet to be exact.  The $this->module_width variable or property to be specific.  You will need to decide based on the change you want to make (i.e. how much wider) and the rest of the content in the page whether you can just replace that php code with a number (e.g. 460px) or if you need to modify that "variable."  Since it comes from some object changing it might not be easy or without consequences.
That is the area where you need to make the change it appears.  The rest of the php makes the exact html I saw in the browser source.
bol
0
 

Author Comment

by:RickyGtz
ID: 24115628
not luck , it will increase the background block width , but not the photo rotated
0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Re-position the objects 7 52
Why does my array not "dump?" 5 20
Insert data into database 2 15
push text up below h2 tag 1 8
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now