Block with customized CSS style
Hi guys,
Let me explain the situation: I'm in charge of the website of a church, and I need to show a Bible versicle in the frontpage. For doing this I created a block where I put the versicle, and the book reference below... with a different CSS style (littler text, different color, italic, etc.) . I customized the look via DIV's, span's and all this stuff.
The text of this block is changed each week. For me it's ok, I haven't problems to do all the changes. But there is an other user with permissions to update the site, and I want to let him change the content of this block by himself. But there is a problem: he is a real newbie in that "web development" thing and I need to put this as much as easy and simple to use for him.
So what I want/need is to define the styles of both versicle and respective book reference so the other user just need to insert the essential information (the versicle and book reference as it) without having to touch in HTML and other CSS stuff.
How can I do this?
This block only appears in my frontpage and nowhere else.
Thank you!
If you post a link
If you post a link to the page (or post the .html), I’ll try to style it for you, so that your ‘other user’ doesn’t have to do too much.
Hi Zeta-zoo
Hi Zeta-zoo,
Don't know if I understood you correctly but anyway... there is the link of my site: www.igrejabaptistaviseu.com. It's a Portuguese website so it's normal if you can't understand what's wrote. ^^
The block that I'm talking about is the one in the right sidebar, called "Uma Palavra...". You can see that the style between the versicle and the book reference doesn't change pretty much but it still different.
How can you help me?
Thank you!
I aim to make the HTML as easy to type as possible.
I aim to make the HTML as easy to type as possible. This is what I suggest;-
<h2>Uma palavra...</h2><p>"Se guardardes os meus mandamentos, permanecereis no meu amor; do mesmo modo que eu tenho guardado os mandamentos de meu Pai, e permaneço no seu amor."</p>
<em>João, 1:10</em>
You could use Typogrify module to convert "" to “” (make typing simpler). If you surrounded the " like this
<span>"</span>it would be styled by the following .css (place in a .css file).sidebar-right .block p span { // to style quote marksfont-size: 16px;
font-family: Georgia,Arial;
}
.sidebar-right .block em { // to style references
font-size: 11px;
margin-bottom: 35px;
}
You might also want to investigate Bible Verses module.
Hi
Thank you for your help, Zeta-zoo.
However, I would like to make something COMPLETELY without visible HTML. I insist that the other guy is a big newbie and he'll probably make crap on this. ^^
There is no way for creating special blocks with customized style or something like that?
The link for the Bible Verses modules doesn't work and I found nothing about it on Drupal.org.
Regards
Easy as possible.
As I said, the HTML is as easy to type as possible.
You can’t style text differently, unless you use HTML to show which text should have which style.
You could write a module to present three input fields and output the appropriate HTML. See Drupal Handbooks for help on this.
Sorry about the links, they should be Typogrify module & Bible Verses module.
Dman I'm stupid... Fixed!
Well, thank you so much, Zeta-zoo for ALL your help, but I realize it was in fact unnecessary. I just found a much easier solution. It's so easy and stupid that I didn't remember of it.
I'm using Moxie as rich editor and it was visible only on those listed pages: *edit* and *add*. I just added one more page: *block*. So now the rich editor is activated when someone want to create or modify a block and the other user can now edit the block content in a WYSIWYG mode. Problem resolved! ;)
Thank you again! ^^
Regards,
Squillace