cms help.

[chrisissick]

i was wondering if anyone could tell me how i can shrink the news story image so it is fully viewable?


here is my code.
</div>
<div id="promo-box">
<div id="promo-bullets"></div>

<?php
$to5 = mysql_query("SELECT * FROM cms_news ORDER BY ID DESC LIMIT 5") or die(mysql_error());
?>

<?php $i = 0; while($newsobject = mysql_fetch_assoc($to5)){ $i++; ?>

<div class="promo-container" style="background-image: url({url}/app/tpl/skins/Habbo/images/web_promo/<?php echo $newsobject['image']; ?>)<?php if($i != '1'){ ?>; display: none<?php } ?>">
<div class="promo-content-container">
<div class="promo-content">
<div class="title"><?php echo $newsobject['title']; ?></div>
<div class="body"><?php echo $newsobject['shortstory']; ?></div>
</div>
</div>
<div class="promo-link-container">
<div class="enter-hotel-btn" // I found this release on another forum, I just fixed it up abit.>
<div class="open enter-btn">
<a href="{url}/index.php?url=news&id=<?php echo $newsobject['id']; ?>">Read the full article &raquo;</a>
<b></b>
</div>
</div>
<div style="color:#FFF;margin-top:25px;margin-left:10px;">Posted on: <b><?php echo date('F d, Y', $newsobject['published']); ?></b></div>
</div>
</div>

 

[KeironParkes]

Change the image sizes, you tard..

 

[Wickd]

This edit is pretty cool

 

[chrisissick]

Change the image sizes, you tard..

if i knew how to do that i wouldnt be asking now would i?

 

[chrisissick]

This edit is pretty cool

thanks man. really appreciate the feedback

 

[KeironParkes]

thanks man. really appreciate the feedback

OFT: If you don't know how to resize an image, you shouldn't own a retro..
ONT: Open the image in photo manipulation software (Ps, Gimp, etc) and resize it to the size of your news slider.

 

[chrisissick]

OFT: If you don't know how to resize an image, you shouldn't own a retro..
ONT: Open the image in photo manipulation software (Ps, Gimp, etc) and resize it to the size of your news slider.

im not gunna resize 100 images. i edited the source above and added a code that shrunk the display of the image without touching the image size. i just forgot the code. which is why im here now asking for help. not input in wether i should own a retro or not.

 

[KeironParkes]

That's why I said OFT, tard. And you can resize more than one image at once

 

[chrisissick]

That's why I said OFT, tard. And you can resize more than one image at once

theres no way to edit that source and shrink the images ? no code? all i remeber doing was like <100%>100% or somthing like that idk tbh lol

 

[Data]

theres no way to edit that source and shrink the images ? no code? all i remeber doing was like <100%>100% or somthing like that idk tbh lol

Just edit the image tags code and do something like style = "width:50%;" (just guessing, cba reading whole thread I don't even know what you want to do tbh lol)

 

[KeironParkes]

theres no way to edit that source and shrink the images ? no code? all i remeber doing was like <100%>100% or somthing like that idk tbh lol

Certain programs you can get where you highlight all of the images and set them all to the same paramaters

 

[Jeffrey]

Certain programs you can get where you highlight all of the images and set them all to the same paramaters

Not really helpful in this case.
try max-height: 100% ; max-width: 100% ; ?

 

[KeironParkes]

Not really helpful in this case.
try max-height: 100% ; max-width: 100% ; ?

How is it not helpful.. He wants to make the news images smaller..

 

[Jeffrey]

How is it not helpful.. He wants to make the news images smaller..

Right, He doesn't want to go to a IMAGING Program and resize it, He wants to resize it by code

 

[KeironParkes]

Right, He doesn't want to go to a IMAGING Program and resize it, He wants to resize it by code

OH ok, my bad xD

 

[nolongerinuse]

Well if this is a background-image, then you might want to try use the background-size property.
background-size: auto || contain || cover

E.G

<div class="promo-container" style="background-size:contain;background-image: url({url}/app/tpl/skins/Habbo/images/web_promo/<?php echo $newsobject['image']; ?>)<?php if($i != '1'){ ?>; display: none<?php } ?>">

If this was a standard img tag, then just use
width: number px; to control the size.

E.G
<img src="./images/whatever.png" width="19px" />

Hope I could help.