Показать сообщение отдельно
  #6 (permalink)  
Старый 13.06.2013, 12:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Nailya,
Вариант...
<!DOCTYPE HTML>
<html>
    
    <head>
        <title>Untitled</title>
        <meta charset="utf-8">
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <style type="text/css">
            #field {
                width:320px;
                border:1px solid #e9eaed;
                background:#fdfdfd url(/comment/img/logo2.png) no-repeat 98% 3%;
            }
            .button {
                border:2px solid #bfc7d7;
                background:#6182c2;
                margin:10px 10px;
                color:#edf0f6;
                font-weight:bold;
                cursor:pointer;
                padding:3px 5px 3px;
            }
            .button:hover {
                background:#6d8ac6;
            }
            .author {
                margin-left:8px;
                border:2px solid #e9eaed;
            }
            .com {
                margin-left:8px;
                border:2px solid #e9eaed;
            }
            #close {
                margin:-50px 320px;
                padding:1px 3px;
                background:pink;
            }
            span {
                margin:8px;
                color:#898787;
                font-weight: bold;
                font-size:12px;
            }
            /***********************************slider******************************************/
            .field {
                margin:0 -40px;
            }
            .field ul li {
                position:relative;
                list-style:none;
                display: inline;
            }
            .field ul li a {
                text-decoration: none;
                background:#fdfdfd;
                padding:3px 5px;
                border-top:1px solid #e9eaed;
                border-right:1px solid #e9eaed;
                border-left:1px solid #e9eaed;
                color: #777777;
            }
            .field ul ul {
                display: none;
                position:absolute;
                top:24px;
                left:-40px;
            }
        </style>
        <script>
            $(function () {
                var ul = $('.field ul ul')
                $('.field a, #close').click(function () {
                    ul.slideToggle();
                })
                 $('html').click(function (event) {
                 if($(event.target).parents(".field").size()) return;
                   ul.slideUp();
                });
            });
        </script>
    </head>
    
    <body>
        <div class="field">
            <ul>
                <li><a href="#">Оставить отзыв</a>

                    <ul>
                        <li>
                            <div id="field"><span id="close">x</span>
	<span>Имя</span>

                                <form action="com.php" method="POST">
                                    <input class="author" id="author" type="text" name="author" />
                                    <br/>	<span>Отзыв</span>

                                    <textarea class="com" id="comment" name="comment" cols="30" rows="8"></textarea>
                                    <input class="button" name="button" type="submit" onclick="moderation_0()" value="Отправить" />
                                </form>
                            </div>
                            <!-- end id="field" -->
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <!-- end class="field" -->
    </body>

</html>

Последний раз редактировалось рони, 13.06.2013 в 13:13.
Ответить с цитированием