Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Multiquote (on) Multiquote (off)
Add Reply
Auto image resizer
Topic Started: Dec 1 2017, 07:26 AM (448 Views)
sugarpuff
Member Avatar
Member
[ *  *  * ]
Sometimes when people post images,they're too big and stretch the forum. Is there a code anywhere to auto reduce image size? Jcink has this feature in the acp. Really handy. Thanks in advance. :)
Offline Profile Quote Post Goto Top
 
Mozz
Member Avatar
" It’s not a bug – it’s an undocumented feature "
[ *  *  *  * ]
Hey there Jane, yes there is, i use these two codes on mine..
Code:
 
td.c_sig img {
max-width:400px;
max-height:320px;
}

td.c_post img, td.c_sig img , #c_post-preview img {
max-width:430px;
}


Simply put them at the bottom of each individual theme appearance (CSS). And where you see the
max-width
max-height
Adjust the dimensions there in the first code..

The second code simply adjust the max-width. These will auto resize all images posted up on your board and will also auto all signatures as well.

Edited by Mozz, Dec 1 2017, 07:48 AM.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Mozz
Dec 1 2017, 07:47 AM
Simply put them at the bottom of each individual theme appearance (CSS).
Not necessary, you can apply it to all themes.

I personally like this method.
Offline Profile Quote Post Goto Top
 
DaPizzaMan
Member Avatar
#TeamSupport

My responsive codes fix this issue with CSS only.

Specifically, this will prevent text and images from stretching the screen (on any sized screen):
Code:
 
td.c_post, td.c_sig, #topic_review tbody td, #blog div.blog_entry > blockquote, td.c_user, table.profile tbody td, #mod_screen tbody td, #c_post-preview, #portal_head, #portal, #portal_foot, div.search_results, #forum_rules tbody td, #report_form tbody td, #rcp_post tbody td, #report_pm_form tbody td, #rcp_pm tbody td, #warn_viewer tbody td, table.poll tbody td, div.site_wrapper, #edit_profile tbody td, #board_settings tbody td, #sbx_archive tbody td, td.c_forum, #reg_rules_intro, #welcome_box tbody td, #nav, #board_feed tbody td, #amt_list tbody td, #member_amt_list tbody td, #shoutbox, td.c_last, #quick_pm_compose, table.posting, #logo, #pm_compose, #pm_inbox, #blog_comments li, .h2center, td.c_cat-title a, table.calendar tbody a, table.calendar td.cal_inactive div {
word-wrap:break-word;
word-break:break-word;
}

input, select, textarea, td.c_post *, td.c_sig *, #topic_review tbody td *, #blog div.blog_entry > blockquote *, td.c_user *, table.profile tbody td *, #mod_screen tbody td *, #c_post-preview *, #portal_head *, #portal *, #portal_foot *, div.search_results *, #forum_rules tbody td *, #report_form tbody td *, #rcp_post tbody td *, #report_pm_form tbody td *, #rcp_pm tbody td *, #warn_viewer tbody td *, table.poll tbody td *, div.site_wrapper *, #edit_profile tbody td *, #board_settings tbody td *, #sbx_archive tbody td *, td.c_forum *, #reg_rules_intro *, #board_feed tbody td *, #amt_list tbody td *, #member_amt_list tbody td *, #shoutbox, #quick_pm_compose *, table.posting *, #logo *, #pm_compose *, #pm_inbox *, #blog_comments li * {
max-width:100%;
}

td.c_user img.avatar, td.c_user img.member {
max-width:100% !important;
}

input, select, textarea {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards - Theme & Code Support · Next Topic »
Add Reply