Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:

THEMA: Background images and more

Background images and more 1 Jahr 2 Monate her #96591

  • johoward
  • johowards Avatar
  • OFFLINE
  • Fresh Lemon
  • Beiträge: 5
  • Karma: 0
Hey!

So I'm trying to sort out a theme for a survey. But I can't figure out for the life of me how to add a background image to the entire survey (not the part within the border). I've added codes in the template.css and also tried changing various background images within the code to see if this would work.

I also want to add images to the parts circled in the attachment. What selectors in the CSS do i need to add the elements to? If I can do it at all?


Thanks
Anhang:
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Background images and more 1 Jahr 2 Monate her #96593

  • holch
  • holchs Avatar
  • OFFLINE
  • LimeSurvey Team
  • Beiträge: 2621
  • Dank erhalten: 307
  • Karma: 112
I guess no one but the person that created this template (it is not one of the default templates shipped with LS) will be able to respond this question.
Have a look at the manual! It is a really valuable source for information. Here some helpful links:
Manual (EN) | Question Types | Question Attributes | Workarounds

If you found this answer helpful and it saved you some time please consider a donation to the project to keep Limesurvey going!
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Background images and more 1 Jahr 2 Monate her #96594

  • johoward
  • johowards Avatar
  • OFFLINE
  • Fresh Lemon
  • Beiträge: 5
  • Karma: 0
It is a default theme, I just changed the colours of it. But I can't add a background image for some reason. I worked out how to add images to the red bars I think (touch wood).

The theme is "default" that comes with limesurvey
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Background images and more 1 Jahr 2 Monate her #96599

  • DenisChenu
  • DenisChenus Avatar
  • OFFLINE
  • Moderator Lime
  • Beiträge: 6268
  • Dank erhalten: 800
  • Karma: 239
Best is to use FireBug with firefox !

Look at template.css line 207
then for a background-iage add this to your template.css:
body.default{
background: transparent url(yourimage.png) repeat 0 0;
}
For example

For the part circeled : you have add the color, the same think for background-image.

Denis
PS: CSS tutorial
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Background images and more 1 Jahr 2 Monate her #96646

  • johoward
  • johowards Avatar
  • OFFLINE
  • Fresh Lemon
  • Beiträge: 5
  • Karma: 0
Thanks, placing my code in the .default got the image to appear at least.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Background images and more 1 Jahr 2 Monate her #96648

  • johoward
  • johowards Avatar
  • OFFLINE
  • Fresh Lemon
  • Beiträge: 5
  • Karma: 0
it appears, but only the top of it on the bottom of the screen, no matter what I do to move it up it wont.
Is there a work around for this?
Anhang:
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Background images and more 1 Jahr 2 Monate her #96658

  • tpartner
  • tpartners Avatar
  • OFFLINE
  • LimeSurvey Team
  • Beiträge: 4125
  • Dank erhalten: 761
  • Karma: 347
Can you activate a test survey for us to see the source?
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Background images and more 1 Jahr 2 Monate her #96668

  • johoward
  • johowards Avatar
  • OFFLINE
  • Fresh Lemon
  • Beiträge: 5
  • Karma: 0
The survey is only local at the moment. But I did manage to fix it by changing the positioning to absolute and then editing the inner and outer borders of the actual survey field. :)
Anhang:
Der Administrator hat öffentliche Schreibrechte deaktiviert.
Moderatoren: ITEd
Ladezeit der Seite: 0.156 Sekunden
Donation Image