Hi, I'd like to theme plugins of such module like link, photo, document with custom icon but I can't find the place where to start with. Any hints?
Thanks, Sal
The CSS. If you don't have Firefox w/Firebug or Chrome, get one of them.
Nancy Injustice anywhere is a threat to justice everywhere. -- Dr. Martin L. King, Jr.
From: Salvatore De Paolis
I'd like to theme plugins of such module like link, photo, document with custom icon but I can't find the place where to start with. Any hints?
On Thu, 22 Sep 2011 18:41:05 -0700 (PDT) "Ms. Nancy Wichmann" nan_wich@bellsouth.net wrote:
The CSS. If you don't have Firefox w/Firebug or Chrome, get one of them.
I was using firebug already but I'm not sure it's all about CSS. Pictures are hardcoded in the module, so it must probably be in a different way overriding the $info array.
$info['link'] = array ( 'name' => t('Link'), ... 'icon' => $image_path . 'images/link.png'; ...
Thanks, Sal
Use the one of the parent elements the links are wrapped in. For example:
<div class="node"> <div class="links"> <ul> <li> <a href="#"><img src="....." /></a> </li> </ul> </div> </div>
You can do something like this in CSS:
.node .links li img {
}
That would apply CSS to the image as long as nothing else overrides it in the CSS selector hierarchy.
Jamie Holly http://www.intoxination.net http://www.hollyit.net
On 9/23/2011 4:40 AM, Salvatore De Paolis wrote:
On Thu, 22 Sep 2011 18:41:05 -0700 (PDT) "Ms. Nancy Wichmann" nan_wich@bellsouth.net wrote:
The CSS. If you don't have Firefox w/Firebug or Chrome, get one of them.
I was using firebug already but I'm not sure it's all about CSS. Pictures are hardcoded in the module, so it must probably be in a different way overriding the $info array.
$info['link'] = array ( 'name' => t('Link'), ... 'icon' => $image_path . 'images/link.png'; ...
Thanks, Sal
On Fri, 23 Sep 2011 07:42:16 -0400 Jamie Holly hovercrafter@earthlink.net wrote:
Hi,
Use the one of the parent elements the links are wrapped in. For example:
<div class="node"> <div class="links"> <ul> <li> <a href="#"><img src="....." /></a> </li> </ul> </div> </div>
You can do something like this in CSS:
.node .links li img {
}
the structure is not exactly like that and when I compared to Drupal commons they seems to do it in a different way as well.
So each link is a <div> with an input of the form and it's defined generally in this way:
<input name="foo" type="image" src="foo-image">
In Drupal commons its' different they changed the type in submit and they do not use any images just the text. I didn't understand how they changed this, but I guessed they altered the form in some way. There's a way to alter using CSS the src field of the input?
Thanks, Sal
Use an attribute selector:
input[name='foo']
Jamie Holly http://www.intoxination.net http://www.hollyit.net
On 9/23/2011 8:49 AM, Salvatore De Paolis wrote:
On Fri, 23 Sep 2011 07:42:16 -0400 Jamie Holly hovercrafter@earthlink.net wrote:
Hi,
Use the one of the parent elements the links are wrapped in. For example:
<div class="node"> <div class="links"> <ul> <li> <a href="#"><img src="....." /></a> </li> </ul> </div> </div>
You can do something like this in CSS:
.node .links li img {
}
the structure is not exactly like that and when I compared to Drupal commons they seems to do it in a different way as well.
So each link is a <div> with an input of the form and it's defined generally in this way:
<input name="foo" type="image" src="foo-image">
In Drupal commons its' different they changed the type in submit and they do not use any images just the text. I didn't understand how they changed this, but I guessed they altered the form in some way. There's a way to alter using CSS the src field of the input?
Thanks, Sal
On Fri, 23 Sep 2011 09:39:38 -0400 Jamie Holly hovercrafter@earthlink.net wrote:
Use an attribute selector:
input[name='foo']
Uhm..how can I do that just with CSS?
Thanks, Sal
That is CSS:
input[name='foo'] {
}
http://www.w3.org/TR/CSS2/selector.html#attribute-selectors
Jamie Holly http://www.intoxination.net http://www.hollyit.net
On 9/23/2011 1:02 PM, Salvatore De Paolis wrote:
On Fri, 23 Sep 2011 09:39:38 -0400 Jamie Holly hovercrafter@earthlink.net wrote:
Use an attribute selector:
input[name='foo']
Uhm..how can I do that just with CSS?
Thanks, Sal
On Fri, 23 Sep 2011 13:06:16 -0400 Jamie Holly hovercrafter@earthlink.net wrote:
That is CSS:
input[name='foo'] {
}
Yes I can see it now and I can select the input this way. But I don't see how to modify the src attribute with this.
input[name='foo'] { src: 'foo-link'; }
doesn't work.
Thanks, Sal
You can't change the src attribute in CSS. About the only thing you can do is if the button is wrapped in an outer element, then set the opacity to 0 (alpha filter in IE) and set the new image as the background image of the outer element. This will only work if the button is wrapped in something like a division.
Jamie Holly http://www.intoxination.net http://www.hollyit.net
On 9/23/2011 1:35 PM, Salvatore De Paolis wrote:
On Fri, 23 Sep 2011 13:06:16 -0400 Jamie Holly hovercrafter@earthlink.net wrote:
That is CSS:
input[name='foo'] {
}
Yes I can see it now and I can select the input this way. But I don't see how to modify the src attribute with this.
input[name='foo'] { src: 'foo-link'; }
doesn't work.
Thanks, Sal