- Posts: 4
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Background image: auto size
- slspps
- Topic Author
- Offline
- New Member
Less
More
7 years 8 months ago #138741
by slspps
Background image: auto size was created by slspps
I need help.
I want a background image which is always the half of the page long and the full width.
So if you use an other screen resolution, it does not matter.
I tried it , but it get out only with fixed values:
background: url(img_flwr.gif);
background-hight: 300px;
background-repeat: no-repeat;
This has not helped:
background: url(img_flwr.gif);
background-size: 100% 50%;
background-repeat: no-repeat;
Can anybody help me? If you need more information, please write and I 'll try to make ready.
THX
I want a background image which is always the half of the page long and the full width.
So if you use an other screen resolution, it does not matter.
I tried it , but it get out only with fixed values:
background: url(img_flwr.gif);
background-hight: 300px;
background-repeat: no-repeat;
This has not helped:
background: url(img_flwr.gif);
background-size: 100% 50%;
background-repeat: no-repeat;
Can anybody help me? If you need more information, please write and I 'll try to make ready.
THX
The topic has been locked.
- tpartner
- Away
- LimeSurvey Community Team
Less
More
- Posts: 10613
- Thank you received: 3691
7 years 8 months ago #138789
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Background image: auto size
Can you activate a test survey and give us a link so we can see the source?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
- Ben_V
- Offline
- Platinum Member
Less
More
- Posts: 1223
- Thank you received: 351
7 years 8 months ago #138832
by Ben_V
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Replied by Ben_V on topic Background image: auto size
maybe you can play around background-size
"cover" or "contain"
keywords if half (top) of your background-image already matches your background color...
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
The topic has been locked.
- slspps
- Topic Author
- Offline
- New Member
Less
More
- Posts: 4
- Thank you received: 0
7 years 8 months ago #138833
by slspps
Replied by slspps on topic Background image: auto size
This is my test:
christian-huber.info/limesurvey/index.ph.../2/newtest/Y/lang/de
Sorry for the delay.
christian-huber.info/limesurvey/index.ph.../2/newtest/Y/lang/de
Sorry for the delay.
The topic has been locked.
- Joffm
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 12715
- Thank you received: 3926
7 years 8 months ago #138835
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Background image: auto size
Hi, slspps,
this is obviously not your desired answer, but I played around with something like this in "template.css"
body {
background-image: url("../files/mylogo.png");
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% auto;
}
And what do you think about media-queries?
Here is a - maybe helpful - article:
" www.smashingmagazine.com/2013/07/simple-...s-background-images/ "
Please see the screenshots
Kind regards
Joffm
this is obviously not your desired answer, but I played around with something like this in "template.css"
body {
background-image: url("../files/mylogo.png");
background-color: transparent;
background-repeat: no-repeat;
background-size: 100% auto;
}
And what do you think about media-queries?
Here is a - maybe helpful - article:
" www.smashingmagazine.com/2013/07/simple-...s-background-images/ "
Please see the screenshots
Kind regards
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Attachments:
The following user(s) said Thank You: slspps
The topic has been locked.
- tpartner
- Away
- LimeSurvey Community Team
Less
More
- Posts: 10613
- Thank you received: 3691
7 years 8 months ago #138837
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Background image: auto size
No access to the survey, all I see is the error page with a logo image. Please activate the survey.
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
- slspps
- Topic Author
- Offline
- New Member
Less
More
- Posts: 4
- Thank you received: 0
7 years 8 months ago #138839
by slspps
Replied by slspps on topic Background image: auto size
The topic has been locked.
- slspps
- Topic Author
- Offline
- New Member
Less
More
- Posts: 4
- Thank you received: 0
7 years 8 months ago #138840
by slspps
Replied by slspps on topic Background image: auto size
Thank you so much!
#138835: This was the solution!
You are the greatest, Joffm!!!!
#138835: This was the solution!
You are the greatest, Joffm!!!!
The topic has been locked.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13912
- Thank you received: 2549
7 years 8 months ago - 7 years 8 months ago #138873
by DenisChenu
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
Replied by DenisChenu on topic Background image: auto size
Here :
demonstration.sondages.pro/374469#
I use
I use
Code:
body { background-attachment: fixed; background-repeat: no-repeat; background-size: cover; }
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
Last edit: 7 years 8 months ago by DenisChenu. Reason: fixe code
The topic has been locked.
- Ben_V
- Offline
- Platinum Member
Less
More
- Posts: 1223
- Thank you received: 351
7 years 8 months ago #138881
by Ben_V
Really nice lateral transitions Denis...In my opinion, if associated with correct/basic question types, it's the best way to take a survey on mobile devices... Exactly what described here ...
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Replied by Ben_V on topic Background image: auto size
DenisChenu wrote: Here : demonstration.sondages.pro/374469#
Really nice lateral transitions Denis...In my opinion, if associated with correct/basic question types, it's the best way to take a survey on mobile devices... Exactly what described here ...
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
The topic has been locked.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13912
- Thank you received: 2549
7 years 8 months ago #138885
by DenisChenu
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
Replied by DenisChenu on topic Background image: auto size
.
It was made for this , not ditributed officially , bu all code
demonstration.sondages.pro/upload/templa...uestion/template.css
demonstration.sondages.pro/upload/templa...question/template.js (function setTemplateCarousel) are here in MIT and GPL.
It was made for this , not ditributed officially , bu all code
demonstration.sondages.pro/upload/templa...uestion/template.css
demonstration.sondages.pro/upload/templa...question/template.js (function setTemplateCarousel) are here in MIT and GPL.
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The following user(s) said Thank You: Ben_V
The topic has been locked.
- Ben_V
- Offline
- Platinum Member
Less
More
- Posts: 1223
- Thank you received: 351
7 years 8 months ago #138888
by Ben_V
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Replied by Ben_V on topic Background image: auto size
thanks for such useful & very nice details
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
The topic has been locked.