By M.J on

Hi All,

I am new to web design and have just started exploring Drupal. I have space on a server running Drupal.

My question is probably very basic but, I could not find out how to add pictures to the webpage or images to the title bar at the top?

I have chosen the 'bluemarine' theme and have had a look through the 'administer' section.

Do I need to know HTML to do this?

Thanks.

Comments

sami_k’s picture

sami_k commented

The short answer is yes... If you want to do anything creative with Drupal, learn HTML, learn CSS, then learn PHP...
--
Please read the handbook, search the forums, then ask...
http://drupal.etopian.net (Drupal Support)

andre75’s picture

andre75 commented

Unlike Sami, I think you don't really need to know anything. I am in the process of setting up my new site:
http://www.opentravelinfo.com
There is still plenty of things to do, but so far I have done reasonably well without extensive html, css or php knowledge.
All it takes is to open the files and try to understand what is going on. Start playing around a little until you are satisfied. In the process you will learn html, css and php. But it is not necessary to make basic modifications.

Andre

M.J’s picture

M.J commented

Hi Andre,

I have had a look at your website. That is exactly what I want to do - Have images on the page and in the banner at the top.

How did you do that?

andre75’s picture

andre75 commented

The image on top is a logo. It can be changed under admin->themes->configure (upload custom logo or so).
The little icon in front of the url is the favicon.ico (which i simply replaced with one created by be).
Images on your site are handled by the image module. Just download it and install it (basically putting it in the modules folder).
Then enable it ... (its all within the readme or install files).

-------------------------------------------------
http://www.aguntherphotography.com

happydan’s picture

happydan commented

if i try to change the logo to anything else, it wont display. it shows it for a millisecond, then just goes blank. same goes for images ive added to pages using html formatting. they are uploaded to the images directory by FTP at the moment. what am i missing? i read something about CHMOD permissions but dont knwo what that is about...

any help would be appreciated...

andre75’s picture

andre75 commented

chmod is a unix command. your web provider should provide an interface for changing the permissions to access files. there are three user groups (owner|group|others). Chmod lets you decide who can read/write/execute what. Just do a google search.
Try accessing your images in the browser (yourdomain.com/pathtoimages/image1.jpg) and see if they show or not. If they do, permissions may not be the problem.

As for the logo, I replaced mine instead of uploading one (under themes/yourtheme there should be a file logo.png, just put another one there).

-------------------------------------------------
http://www.aguntherphotography.com

happydan’s picture

happydan commented

even if i upload an image it wont show it. just shows a text link to "home". am i missing something in the setup of the site? i feel like theres some setting ive not edited correctly either in the site admin or when i was installing...

andre75’s picture

andre75 commented

I have the same problem with Apache2 at my home installation:
http://drupal.org/node/35615
Look at the source of the page as it is generated (right mouse click "View Page Source"). Check if the path is correct. Copy the full image including path and paste it in your browsers url field, to see if it works. Try https too.
You may need to set up base_url differently. I am not sure where the problem lies.
Check your httpd.conf and for these lines:

EnableSendfile Off
EnableMMAP Off

How are you uploading the images?

Andre

-------------------------------------------------
http://www.opentravelinfo.com
http://www.aguntherphotography.com

happydan’s picture

happydan commented

well, even if i use the internal custom logo uploader it fails. funny thing is, avatars work fine.

happydan’s picture

happydan commented

also, i cant find this httpd.conf file. where would it be located?

happydan’s picture

happydan commented

ok, i added the images module and using the images from that seems to work. but i still cant get the custom logos to work.

andre75’s picture

andre75 commented

If it is loading the drupal logo (little blue head) you can just replace logo.png (in your theme directory) with your custom png file. That is what I did. I have never tried uploading another one. I simply replaced that file.

-------------------------------------------------
http://www.opentravelinfo.com
http://www.aguntherphotography.com

happydan’s picture

happydan commented

ok, that worked. still annoyed at the custom logos not working though. its the principal of the matter!!

sepeck’s picture

sepeck commented

you have a permissions or path wrong somewhere. It works on my site.

-sp
---------
Test site, always start with a test site.
Drupal Best Practices Guide -|- Black Mountain

-Steven Peck
---------
Test site, always start with a test site.
Drupal Best Practices Guide

PurpleEdge’s picture

PurpleEdge commented

Nice looking site!

What module did you use to get the images into the left column? I haven't played extensively with images yet.

Congratulations on your help page too!

Bitch Module on... This is NOT directed at anyone in particular...

I REALLY hope someone comes up with a better way of image handling! I'm going to have to give my users a similar lesson in uploading images and then getting them to display on their pages. It is the one thing in Drupal (and probably other CMS that use TinyMCE) that looks completely unprofessional, and half finished.

...Bitch Module off.

Instead of using tables for your images, within user content, did you experiment with defining some TinyMCE CSS that could position images within the text? I believe there is an option within TinyMCE to specify a CSS file that can be used for formatting user input and I thought it might be useful.

andre75’s picture

andre75 commented

What module did you use to get the images into the left column?

I really don't have any images there except two advertisements.
One uses the amazon module (download from drupal.org) to recommend books, the other one is a custom block which fetches a small banner from my other site. I generated a block with this code:

<div align="middle"><a href="http://www.aguntherphotography.com">
<img src="http://www.aguntherphotography.com/friends/ad_button.jpg" border=0 alt="Fine Art Photography"></a> <br /></div>

I agree on you comments about the image handling. I am still looking for the best way to convert my photo page, while maintaining the path to all 10,000 pages indexed by google and the path to all images referenced by google images.

I believe there is an option within TinyMCE to specify a CSS file that can be used for formatting user input and I thought it might be useful.

Yeah, but if someone with a monitor resolution of 800 pixels wide enters an article, and someone with a 1280 resolution views it, the whole viewing area is much wider than the writer would see. If the images are too close to each other, the whole layout gets messed up on the computer with the higher res. I do not want to limit the viewing width either. I have a widescreen monitor myself and I hate those sites. I have added the css code, but not enabled it per default. In my help page I tell people how to change it.

Thanks for the nice comment!

Andre

-------------------------------------------------
http://www.aguntherphotography.com