XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Community Support forums / 
  3. 2.5.x Support 
  4.  / Automatic image width (for mobile devices)
Register
21
aerograf
Re: Automatic image width (for mobile devices)

  • 2017/4/26 8:01

  • aerograf

  • Quite a regular

  • Posts: 214

  • Since: 2017/1/7 1


I recommend to check the site here: https://validator.w3.org/
22
Hadesteam
Re: Automatic image width (for mobile devices)

  • 2017/4/26 11:41

  • Hadesteam

  • Not too shy to talk

  • Posts: 162

  • Since: 2011/9/5 1


Many thanks for this advice, i check validate.org ... bleekk thx tell me only to which file paste this code? And i try with no spaces. Mamba is on vacation? i send him 2 mails ... regards
23
Bleekk
Re: Automatic image width (for mobile devices)

  • 2017/4/26 12:09

  • Bleekk

  • Theme Designer

  • Posts: 941

  • Since: 2002/12/14


please put this code at the end your theme.html before closing body tag.
You can ask here in forums everything you want to ask mamba.
24
Hadesteam
Re: Automatic image width (for mobile devices)

  • 2017/4/26 12:47

  • Hadesteam

  • Not too shy to talk

  • Posts: 162

  • Since: 2011/9/5 1


I asking him about rating module for xoops 2.5.7 and modification in module tag...

OK back to the topic, without spaces is not work, i have 4 editors in news module: plain text, dhtml with xcode, Koivi editor and TinyMCE and now is only
[img] [/img]
is working, so if any another method to display images correctly i need edit i notepad++ and replaced:

<img src="
to
[img]
.... ?

Validator says:"
Quote:
Sorry, I am unable to validate this document because on line 192 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.
The error was: utf8 "\xB3" does not map to Unicode
;)

Maybe my xoops.css in the root path is wrong to this theme?

I think it will soon update to 2.6.0 ...
25
Hadesteam
Re: Automatic image width (for mobile devices)

  • 2017/4/26 14:06

  • Hadesteam

  • Not too shy to talk

  • Posts: 162

  • Since: 2011/9/5 1


I slightly modified the news_index.html file (/ public_html / themes / xbootstrap / modules / news) now when the article does not have a picture, the default "NO IMAGE" is not displayed and the image is linked to the article. http://www.kulturystyka.org.pl/modules/news/

bleekk when i add Your code to theme.html in comments is no display emoticons: http://www.kulturystyka.org.pl/modules/news/article.php?storyid=1123

And emoticons in articles instead of being moved to the next line on the left;) for example:
http://www.kulturystyka.org.pl/modules/news/article.php?storyid=1123

Resized Image
26
aerograf
Re: Automatic image width (for mobile devices)

  • 2017/4/26 14:50

  • aerograf

  • Quite a regular

  • Posts: 214

  • Since: 2017/1/7 1


Quote:

Hadesteam wrote:
I asking him about rating module for xoops 2.5.7 and modification in module tag...

OK back to the topic, without spaces is not work, i have 4 editors in news module: plain text, dhtml with xcode, Koivi editor and TinyMCE and now is only
[img] [/img]
is working, so if any another method to display images correctly i need edit i notepad++ and replaced:

<img src="
to
[img]
.... ?

Validator says:"
Quote:
Sorry, I am unable to validate this document because on line 192 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.
The error was: utf8 "\xB3" does not map to Unicode
;)

Maybe my xoops.css in the root path is wrong to this theme?

I think it will soon update to 2.6.0 ...

You have a pseudo element in the text. Correct "Fabryka Si�y"
Try disabling css news module (rename css files), and look. And use the advice on reset css.
27
Hadesteam
Re: Automatic image width (for mobile devices)

  • 2017/4/26 15:43

  • Hadesteam

  • Not too shy to talk

  • Posts: 162

  • Since: 2011/9/5 1


ok thx i fix it. When i disable news style is no changes. But this is my news style.css:

.item-bookmarkme-ftg {
    width: 100%;
    height: 25px;
}

.item-bookmarkme-ftg ul {
    
}

.item-bookmarkme-ftg li {
    float: left;
    list-style: none !important;
    list-style-type: none !important;
}

.item-bookmarkme-facebook {}

.item-bookmarkme-twitter {}

.item-bookmarkme-googleplus {}

.item-bookmarkme {
    margin-top: 35px;
    margin-bottom: 20px;
    padding: 5px;
}

.item-bookmarkme-items {
    padding: 10px;
}

.item-bookmarkme-items a {
    padding: 1px;
}

.item-bookmarkme-title {
    text-align: left; 
}


i have default xoops emoticons disabled, where i have change this and xoops code ?
28
aerograf
Re: Automatic image width (for mobile devices)

  • 2017/4/26 15:57

  • aerograf

  • Quite a regular

  • Posts: 214

  • Since: 2017/1/7 1


Do you have css
Img {
Vertical-align: middle;
}
So what do you want ????
Http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.kulturystyka.org.pl%2Fmodules%2Fnews%2Farticle.php%3Fstoryid%3D436&profile=css3&usermedium=all&warning=1&vextwarning= & Lang = en
29
Hadesteam
Re: Automatic image width (for mobile devices)

  • 2017/4/26 16:07

  • Hadesteam

  • Not too shy to talk

  • Posts: 162

  • Since: 2011/9/5 1


I activated theme change (right block), change please to kimokea theme and look at these 2 article:
http://www.kulturystyka.org.pl/modules/news/article.php?storyid=436
http://www.kulturystyka.org.pl/modules/icontent/index.php?page=41

You can compare these 2 css styles and you will know where the error lies.
30
aerograf
Re: Automatic image width (for mobile devices)

  • 2017/4/26 16:29

  • aerograf

  • Quite a regular

  • Posts: 214

  • Since: 2017/1/7 1


Name:
Img {
vertical-align: middle;
}
on
Img {
border: 0;
}
Remove, for a time class = "img-responsive" from the code.
Then we'll see.
« 1 2 (3) 4 5 »

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

474 user(s) are online (341 user(s) are browsing Support Forums)

Members: 0

Guests: 474

more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits