Css for eweather

[sonic]

Hello,
finally I have eweather module installed,
and now I am curious, does anyone know how to  reduce width of that module?
 I put eweather on the right side of my elxis web site, but it is to wide, and eweather
goes outside of the content.
I do some css caled .eweather, and I put "eweater" in input box for Module Class Suffix in eweather module.
But things became worst.

Does anyone have expirience with this problem?

[CREATIVE Options]

The style information for eweather component it is inside the file file:

components\com_eweather\eweather.html.php

Check this file and if can configure it I will try to help but after 1 weak, because I have many major job to do first. I am sorry for the delay.

Elxis Fan.   

[sonic]

Thank you for help.
Actually, my problem was found under modules, /modules/mod_eweather.php.
That file contains html code for eweather small display on your frontpage, like here:http://www.mambobaer.de/, when you klick on "More details" ,
new page is opened with complete forecast, like here:http://www.mambobaer.de/index.php?option=com_eweather&Itemid=33 .
This detailed view is under controll of /components/com_eweather/eweather.html.php.
My problem is still not solved, I just can forced html and css to display eweather correct.Here is image:

[xenios]

Did you found any solution??  Please let me know because i have the same problem and i cannot fix it!

[CREATIVE Options]

Sorry for the delay ( from health reason).

Open the file template_css.css from the location:
yoursite/templates/gaia/css/
and replace the following lines

line 716:    width:219px;
line 723:       width:219px;

with     

line 716:    width:150px;
line 723:       width:150px;


If your's problem doesn't solve, please let me know.


 

[CREATIVE Options]

Wait for my new post I found a bug on gaia template.
also for the cytherea template.

[CREATIVE Options]

Here is a fast solution from the template side for the eweather only for 2 templates gaia & cythera.

If you are not satisfied please ask for (paid) tech support from my side,
and from the developers of Elxis I don't know if they want to offer the solution for this problem for free, wait for there answer.


I hope I have help you.

The first file it is for "Gaia" template and the second for "Cytherea"

[old attachment deleted by admin]

[xenios]

REally???

I didn't knew that i had to pay for something that didn't work right from beginning in open source...  The eWeather came with a problematic module or incompatible templates and you ask me to pay you if i am not satisfied??

I am not satisfied and i will not pay nobody for something that didn't work correctly from beginning. This is a paranoia for open source 

You'd better tell to people not to put eWeather on their site if your purpose is to get money from them after that. Or fix the problem for everybody!!!

This problem in eWeather is not something personal that i asked for me. The templates of Elxis are incompatible either the module has a problem.

[sonic]

This is the solution:

You have to change code in mod_eweather.php.
All that code is writen for table layout, thx for nice module, but we all know that tables are replacable with <div> tags.
Ok lets go to the point.

This code is writen for Gaia.


This is my code for mod_eweather.php, but just for html layout,
code is from line 50 - 81, just carefully read code and that's it.

/////////////////////////////
html layout in mod_eweather.php
////////////////////////////


$content = "<div class=\"leftP\">\n"
             ."<div class=\"left_top\">".$weather->loc_city."</div>\n"
             
             ."<div class=\"left_top\">\n"
          ."<div class=\"left_Img\">
   <img src=\"".$mosConfig_live_site."/components/com_eweather/images/".$weatherIconsStyle."/small/".$weather->cc_icon.".png\" alt=\"\"                 border=\"0\"></div>\n"
             ."            </div>\n"
           
           ."<div class=\"left_top\">\n"
           ."<div class=\"left_Img\">"._W_TEMP.":\n"
              ." </div>\n"
            ."<div class=\"right\">".$weather->cc_temp."&deg;".$weather->h_temp."\n"
           ."</div>\n"
             ."</div>\n"
            
              ."<div class=\"left_top\">\n"
              ."<div class=\"left_Img\">"._W_FORECAST_HUMI.":</div>\n"     
            ."<div class=\"right\">".$weather->cc_humidity."%\n"
              ."</div>\n"
             ."</div>\n"
          
           ."<div class=\"left_top\">\n"
              ."<div class=\"left_Img\">"._W_BAROMETER.":</div>\n"     
            ."<div class=\"right\">".$weather->cc_barpressure."&nbsp;".$weather->h_pressure."\n"
              ."</div>\n"
           ."<br/><br/>\n"
          
             ."</div>\n"
          
             ."<div class=\"left_top\"><a class=\"button\" style=\"float: none;\" href=\"index.php?option=com_eweather&Itemid=".$myItemID              ."\">"._W_MOD_BUTTON."</a>\n"
           ."</div>\n"
             ."</div>\n";

//////////////////////////////////////
//end
//////////////////////////////////////


Now you need this css class caled "leftP" and "leftTop".

.leftP {
    clear: both;
   float: left;
   width: 212px;
   height:187px;
   margin: 0;
   
}

.left_top {
      float: left;
      width: 212px;
      padding:2px;
      background:#fff;
      margin: 0;
      font: bold 1.0em Tahoma, Arial, Sans-Serif;
       color:#666666;
      border-bottom: #f2f1ec solid 1px;
      
   }



Dont forget, this code is writen for layout Gaia.

I hope that was helpful.

[sonic]

Wtf happened with open source here???
If you are not sadisfied ask for paid support ??!!

If you are not satisfied please ask for (paid) tech support from my side,
and from the developers of Elxis I don't know if they want to offer the solution for this problem for free, wait for there answer.

I dont like this kind of answer.

[xenios]

Thank you sonic you are very kind !
Can you please attach me the mod_weather.php file with your changes on it?
To see the changes.

[sonic]

Hello,
this is the file

[old attachment deleted by admin]

[sonic]

Dont forget to use those two css files with that mod_eweather.php file.


One more time:

.leftP {
    clear: both;
   float: left;
   width: 212px;
   height:187px;
   margin: 0;
   
}

.left_top {
      float: left;
      width: 212px;
      padding:2px;
      background:#fff;
      margin: 0;
      font: bold 1.0em Tahoma, Arial, Sans-Serif;
       color:#666666;
      border-bottom: #f2f1ec solid 1px;
     
   }

[xenios]

Thank you very much Sonic for your help! I apreciated a lot.  I will try to have a solution with your directions.

[sonic]

No problem at all.
Let me know if you have any succsess with this code.
I forget to tell you something, I was throw some unnecessary
features from the code.

Good luck