diff options
Diffstat (limited to 'view')
| -rw-r--r-- | view/theme/duepuntozero/photo-menu.jpg | bin | 0 -> 459 bytes | |||
| -rw-r--r-- | view/theme/duepuntozero/style.css | 32 | ||||
| -rw-r--r-- | view/wall_item.tpl | 14 |
3 files changed, 44 insertions, 2 deletions
diff --git a/view/theme/duepuntozero/photo-menu.jpg b/view/theme/duepuntozero/photo-menu.jpg Binary files differnew file mode 100644 index 000000000..fde5eb535 --- /dev/null +++ b/view/theme/duepuntozero/photo-menu.jpg diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css index 042cc380f..ac6ebf807 100644 --- a/view/theme/duepuntozero/style.css +++ b/view/theme/duepuntozero/style.css @@ -866,6 +866,37 @@ input#dfrn-url { margin-bottom: 10px; width: 100px; } +.wall-item-photo-menu-button { + display: block; + position: absolute; + background-image: url("photo-menu.jpg"); + background-position: top left; + background-repeat: no-repeat; + margin: 0px; padding: 0px; + width: 16px; + height: 16px; + top: 74px; left:10px; + overflow: hidden; + text-indent: 40px; + display: none; + +} +.wall-item-photo-menu { + width: 90px; + border: 2px solid #444444; + background: #FFFFFF; + position: absolute; + left: 10px; top: 90px; + display: none; +} +.wall-item-photo-menu ul { margin:0px; padding: 0px; list-style: none } +.wall-item-photo-menu li a { display: block; padding: 2px; } +.wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; } +.wall-item-photo-menu li a[href=""] { display: none } + + +.comment .wall-item-photo-menu-button { top: 44px;} +.comment .wall-item-photo-menu { top: 60px; } .wallwall .wwto { left: 50px; @@ -878,6 +909,7 @@ input#dfrn-url { width: 30px; height: 30px; } + .wallwall .wall-item-photo-end { clear: both; } diff --git a/view/wall_item.tpl b/view/wall_item.tpl index 4c2a3fbf4..c78fbb61f 100644 --- a/view/wall_item.tpl +++ b/view/wall_item.tpl @@ -1,9 +1,19 @@ <div class="wall-item-outside-wrapper$indent" id="wall-item-outside-wrapper-$id" > <div class="wall-item-content-wrapper$indent" id="wall-item-content-wrapper-$id" > <span class="wall-item-info" id="wall-item-info-$id"> - <div class="wall-item-photo-wrapper" id="wall-item-photo-wrapper-$id" > + <div class="wall-item-photo-wrapper" id="wall-item-photo-wrapper-$id" + onmouseover="openMenu('wall-item-photo-menu-button-$id')" onmouseout="if (document.getElementById('wall-item-photo-menu-$id').style.display!='block')closeMenu('wall-item-photo-menu-button-$id');"> <a href="$profile_url" title="$linktitle" class="wall-item-photo-link" id="wall-item-photo-link-$id"> - <img src="$thumb" class="wall-item-photo$sparkle" id="wall-item-photo-$id" height="80" width="80" alt="$name" /></a> + <img src="$thumb" class="wall-item-photo$sparkle" id="wall-item-photo-$id" height="80" width="80" alt="$name" /> + </a> + <span onclick="openClose('wall-item-photo-menu-$id');" class="fakelink wall-item-photo-menu-button" id="wall-item-photo-menu-button-$id">menu</span> + <div class="wall-item-photo-menu" id="wall-item-photo-menu-$id"> + <ul> + <li><a href='$profile_tab_url'>View profile</a></li> + <li><a href='$contact_url'>Edit contact</a></li> + <li><a href='$pm_url'>Send PM</a></li> + </ul> + </div> </div> <div class="wall-item-photo-end"></div> <div class="wall-item-wrapper" id="wall-item-wrapper-$id" > |
