向徽标添加可点击区域 -- 7 领域 和 javascript 领域 和 theming 领域 drupal 相关 的问题

Adding a clickable area to the logo


1
vote

问题

中文

在我的drupal 7.4网站上有默认的bartik主题和没有贡献的模块,我有一个大徽标(715 x 280 px)和没有口号。这些是我的设置:

设置

我正试图弄清楚将赞助的链接添加到矩形橙色区域的最佳方式(使用白色示例文本"Plastikovie Okna !!" )在下面的屏幕截图上:

big logo

如果无法倾斜的矩形,我也可以使用直矩形。

如果有一个CSS / JS解决方案,也欢迎,但请告诉我哪些CSS和JavaScript文件进行编辑,以便解决方案在我网站的每个页面上工作。

英文原文

At my Drupal 7.4 website with the default Bartik theme and no contributed modules, I have a big logo (715 x 280 px) and no slogan. These are my settings:

settings

I'm trying to figure out the best way to add a sponsored link to the rectangle orange area (with the white example text "Plastikovie okna !!") at the screenshot below:

big logo

If a tilted rectangle isn't possible, I can live with a straight rectangle too.

If there is a CSS/JS solution, it is welcome too, but please tell me which CSS and JavaScript files to edit, so that the solution works at every page of my site.

        

回答列表

1
 
vote
vote
最佳答案
 

尝试:使用徽标作为背景图像,根本不使用默认徽标。通过选中"站点名称" 框来显示网站名称。使用CSS将站点名称位于点击区域上并隐藏文本,并使用填充顶部来制作可点击区域。示例:

  #header .inside{      background: url(images/my-header-image.png) center center no-repeat #48A9E4;      height: 450px; } #site-name, #site-name a {     display: block;     height: 0!important;     line-height: 1!important;     overflow: hidden!important;     position: absolute;     top: 150px;     left: 425px;     padding-top: 175px; }   

当然,您需要更改要适合主题的值,但我已经使用了这种方法。希望这有助于!!

 

Try this: use the logo as a background image and not use the default logo at all. DO show the site name by checking the "site name" box. Use CSS to position the site name over the clickable area and hide the text, and use padding-top to make a clickable area. example:

#header .inside{      background: url(images/my-header-image.png) center center no-repeat #48A9E4;      height: 450px; } #site-name, #site-name a {     display: block;     height: 0!important;     line-height: 1!important;     overflow: hidden!important;     position: absolute;     top: 150px;     left: 425px;     padding-top: 175px; } 

Of course you will need to alter the values to fit your theme, but I have used this method many a time. Hope this helps!!

 
 
   
   
1
 
vote

当您以这种方式添加徽标时,整个映像是回到主页的链接。我可以想到的唯一答案是将链接放在图像上。使用CSS链接将

    使用边缘,位置等,漂浮在图像上浮动
  • 文本缩小-9999px;
  • Z-Index高于Logo IMG
  • 填充链接为图像的大小

我可能会在page.tpl.php中自定义这个代码,但是看起来你正在寻找非自定义代码解决方案。要执行此操作,请创建新的自定义块,链接是其内容(请记住具有将采用HTML标记的输入过滤器)。将此块移动到标题区域中。

 

When you add a logo this way, the entire image is a link back to the homepage. The only answer I can think of is to place a link over the image. using css the link will be

  • Float over the image using margin, position, etc
  • Text indent -9999px;
  • z-index higher than the logo img
  • pad the link to be the size of the image

I would probably custom code this in page.tpl.php, however it looks like you are looking for a non-custom code solution. To do this create a new custom block, with the link being its content (remember to have a input filter that will take HTML tags). Move this block into header region.

 
 
   
   

相关问题

2  强制模块“合法”在路径/用户/寄存器上显示“form_set_error”  ( Force the module legal to show a form set error on path user register ) 
我正在使用"合法" 模块6.x-8.5。 这是一个很棒的模块,但我认为需要 form_set_error() 消息,以显示尝试注册的用户,如果他忘记单击所需的复选框,则无法应用注册。 我正在寻找能够实现这一工作的可能性。 有人知道模块中是否有解决此功能的位置(如果没有其他解决方案,则硬编码)? 我还尝试用规则表格进行...

1  如何实现字段升级  ( How to implement upgrade for fields ) 
我写了一个模块,定义了自己的节点类型,添加了相应的字段等。如果我想更改,删除或添加字段,我如何编写升级功能? ...

2  template_preprocess_comment()覆盖template.php  ( Template preprocess comment overrides template php ) 
我试图在drupal 7中的template.php中覆盖此函数;我复制了在 template_preprocess_comment() 第一行包含 function themename_preprocess_comment($variables) 。 它包含以下代码,不起作用。 $variables['su...

1  来自内容类型的内容条目的字段  ( Field with content entries from a content type ) 
我想将字段(列表文本)添加到内容类型,用作其他内容类型的条目的值。 我应该使用引用模块? ...

2  设置目录分类  ( Setting up catalog taxonomy ) 
我正在与特定内容类型的守则模式与往返模式进行战斗。内容类型绑定到分类(产品目录)。我认为分类树应该只容纳容器项目(类别,子类别,子提包等)但不是最终节点(产品),并且它可以具有以下URL模式,由容器节点URL组成+产品别名+扩展,如在[分类 - 别名] / [node-alias] .html中。 这似乎是错误的假设...

1  表格上的Ajax提交帮助  ( Ajax on form submit help ) 
此工作如果您实际单击按钮: $form['submit'] = array( '#type' => 'image_button', '#src' => drupal_get_path('module', 'contact_block') . '/images/send_button.png', ...

15  如何获取“选择”字段的所有选项?  ( How to get all options of a select field ) 
如何获得CCK字段的所有选项? 例如,允许值中有一个字段,允许值为3个选项,如option1,option2,option3.is有任何接收字段名称的函数,并将选项1返回到option3? ...

2  前端滑块  ( Front end slider ) 
我正在尝试在我的模板的前页上创建一个滑块我一直在努力。我使用视图模块创建块。我为此视图创建了一个自定义块。 我正在尝试使用jQuery Coda在块幻灯片中制作帖子。我毫不犹豫地失败了。有没有人设法为Drupal 7创建一个工作帖子滑块? ...

3  迁移后的Settings.php  ( Settings php after migration ) 
我通过ftp和数据库将我的文件传输到托管服务。我编辑了两个文件,settings.php和sites / default / setture.php,其内容最初是以下内容。 poll_metatags_info()3 我在两个文件中更改了数据库名称,用户名,密码和主机(至是addainname.com)。 可...

4  通过参数通过ajax查看视图  ( Pass parameters to views via ajax ) 
在查看视图时生成的页面,如例如一个分类术语页面,有没有方法可以通过使其传递一些参数来更新生成的内容,例如新的分类项。 这将是通过ajax请求更新视图页面内容。 感谢 ...

3  有没有办法了解被视图的节点?  ( Is there a way to know the node being viewed ) 
我有一个上下文,我将一个块放到wiki页面上。无论如何,块知道Wiki页面的节点ID? 我想在块的视图中编写一些代码 - 查看 - block - field.tpl.php模板文件,以显示仅用于Wiki页面的所有者的东西。通过通过上下文将块放在Wiki的页面上,块需要它显示的节点(Wiki)页面以及节点的所...

2  在Drupal 7中缓存  ( Caching in drupal 7 ) 
如何在我对我的主题感到满意的时候设置我的drupal web以获得更好的性能,并且不会做很多新主题调整? 这些设置可能是 admin/config/development/performance 谢谢 ...

1  如何创建自定义令牌? [复制]  ( How do i create custom tokens ) 
这个问题已经在这里有答案: 关闭 9年前。 可能的重复: 以编程方式创建一个令牌 如何创建自定义令牌?此外,是否可以将令牌附加到回调函数?例如:如果我的字符串是'这是我的[名称]',我可以以...

1  如何输出大量HTML标记  ( How to output a large amount of html markup ) 
我需要从自定义模块中输出页面的整个区域。 我知道我可以用以下代码输出标记: $page['region'] = array( '#type' => 'markup', '#markup' => t('markup here'), ); 这对少量标记有益,但有没有更好的方法来从我的模块内输出大...

3  上传到Web-Server时的页面以外的页面错误的404错误  ( 404 errors for pages other than homepage when uploaded to web server ) 
我和新的php,我开始用drupal开始,这是我的演示网站 http://sugandha.net63。 net / 我的设置如下: $databases = array ( 'default' => array ( 'default' => array ( 'datab...

1  具有自定义参数的页面  ( A page with custom parameters ) 
我有一个页面要做这个: Boats/ Boats/Veterans Boats/Nine Boats/Used 其中['退伍军人','nine','使用']将是传递到网址的参数! 我想使用我的页面自定义 页面 - boats.tpl.php 这是一个页面主题。目前,我有一个白页。 我该怎么办? ...

1  Drupal 7 WEBForm设置:如何更改按钮中的默认文本“下一页”?  ( Drupal 7 webform settings how to change the default text in button next page ) 
我已经使用drupal 7创建了一个webform,其中两个页面与"pagebreak" 字段,但是当我进入MySite WebForm并在页面底部查看WebForm时,有一个按钮"下一页" :我必须更改此按钮中的文本......也可能在简单文本"下一页" 的地方设置图像。 谢谢! ...

5  如何双向链接两个来自不同内容类型的节点?  ( How to bi directional link two nodes from different content type ) 
你好,我是新的去德鲁佩尔。我很长时间和一些WordPress使用Joomla。 我想链接2个或更多节点双向。这意味着,如果我将a链接到b,则B必须也链接到。 我会给你一个简单的例子: 让我们说我想制作歌词网站。我将有2种内容类型。 1)艺术家/乐队 2)歌曲歌词 艺术家/乐队类型将有有关艺术家的信息,也可以...

4  为面板页面设置语言  ( Set language for a panel page ) 
如何在面板页面创建多个翻译?我的主页采用面板设计,我有英语和西班牙语内容。对于节点,一切都很好,但我无法弄清楚如何用面板做多种语言。 ...

6  Devel KPR,DPR,DPM等仅在缓存冲洗后打印  ( Devel kpr dpr dpm etc only print after cache flush ) 
我正在编写一个小模块并使用 devel 打印功能(DPR,KPR,DPM等)打印出一些值。 但是,我在刷新某些缓存后,我只能看到页面中的值。如果我只是重新加载页面或转到它,我什么都不看。这对于消息区域和常规调试打印功能是如此。这是预期的吗? 我已登录为admin,以便我认为普通页面缓存已关闭。 (这是d7。) ...




© 2021 it.wenda123.org All Rights Reserved. 问答之家 版权所有


Licensed under cc by-sa 3.0 with attribution required.