Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj15.07.2015, 07:48 (UTC)    
Mesaj konusu: Yeni tasarım "Professional" hakkında

Bu tasarımı CSS'ye uyarlamak istiyorum yardımcı olur musun?
______________
www.yalovasporfan.tr.gg
www.ahmediye77.tr.gg
www.muzafferuysal.tr.gg
Mesaj15.07.2015, 08:06 (UTC)    
Mesaj konusu:

Sayfa kaynağından (CTRL+U) kodları alabilirsin.
Mesaj15.07.2015, 08:10 (UTC)    
Mesaj konusu:

uğraştım ama yapamadım
Mesaj15.07.2015, 10:39 (UTC)    
Mesaj konusu:

bi yardım edin. konu güncel
Mesaj15.07.2015, 11:11 (UTC)    
Mesaj konusu:

Uzun ve zahmetli iş. Bence bu tasarıma benzer CSS tasarımları bulursun. Ama illa bu olsun diyosan sayfa kaynağındaki kodları incele.Ordaki linklerden .css, .js, dosyalarını ayırman gerekiyor. Ama dediğim gibi fazla uğraşı gerektiriyor. Doğrusunu söylemek gerekirse ben uğraşmazdım. Smile
______________

Mesaj19.08.2015, 23:13 (UTC)    
Mesaj konusu:

Tasarım zaten css kodları barındırırken neden ekstra çaba harcamaya meraklısın anlam veremedim.

Kaynağı incelersen eğer css ile şekil verebileceğin etiketleri rahatlıkla görebilirsin...
Mesaj22.08.2015, 14:25 (UTC)    
Mesaj konusu:

Şu sana yardımcı olur.

Kod:
!-- Mobile Meta -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- Web Fonts -->
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700,300&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>

        <!-- Bootstrap core CSS -->
        <link href="http://theme.webme.com/designs/professional/bootstrap/css/bootstrap.css" rel="stylesheet">

        <!-- Font Awesome CSS -->
        <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

        <!-- Plugins -->
        <link href="http://theme.webme.com/designs/professional/plugins/rs-plugin/css/settings.css" media="screen" rel="stylesheet">
        <link href="http://theme.webme.com/designs/professional/plugins/rs-plugin/css/extralayers.css" media="screen" rel="stylesheet">
        <link href="http://theme.webme.com/designs/professional/plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
        <link href="http://theme.webme.com/designs/professional/css/animations.css" rel="stylesheet">
        <link href="http://theme.webme.com/designs/professional/plugins/owl-carousel/owl.carousel.css" rel="stylesheet">

        <!-- iDea core CSS file -->
        <link href="http://theme.webme.com/designs/professional/css/style.css" rel="stylesheet">

        <!-- Color Scheme (In order to change the color scheme, replace the red.css with the color scheme that you prefer)-->
        <link href="http://theme.webme.com/designs/professional/css/skins/red.css" rel="stylesheet">

        <!-- Custom css -->
        <link href="http://theme.webme.com/designs/professional/css/custom.css" rel="stylesheet">

        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
       
        <style type="text/css">
                .default_bg {
            background-color: #e84c3d;
        }
       
        .navbar-default .navbar-nav > .dropdown > a {
            color: #e84c3d !important;
        }
       
        .navbar-default .navbar-nav > li > a {
            color: #e84c3d !important;
        }
       
        .navbar-default .navbar-nav > .dropdown > a::before {
            color: #e84c3d !important;
        }
       
        .dropdown-menu > li > a:hover,
      .dropdown-menu > li > a:focus,
      .nav .open > a,
      .nav .open > a:hover,
      .nav .open > a:focus,
      .dropdown-menu > .active > a,
      .dropdown-menu > .active > a:hover,
      .dropdown-menu > .active > a:focus,
      .dropdown-menu .menu > .active > a,
      .dropdown-menu .menu > .active > a:hover,
      .dropdown-menu .menu > .active > a:focus {
         color: #e84c3d !important;
      }
       
        .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected {
            background-color: #e84c3d !important;
        }
       
        .tp-bannertimer {
            background-color: #e84c3d !important;
        }
        </style>
       
    </head>

    <!-- body classes:
            "boxed": boxed layout mode e.g. <body class="boxed">
            "pattern-1 ... pattern-9": background patterns for boxed layout mode e.g. <body class="boxed pattern-1">
    -->
    <body class="front no-trans">
        <!-- scrollToTop -->
        <!-- ================ -->
        <div class="scrollToTop"><i class="fa fa-arrow-up"></i></div>

        <!-- page wrapper start -->
        <!-- ================ -->
        <div class="page-wrapper">

            <!-- header-top start (Add "dark" class to .header-top in order to enable dark header-top e.g <div class="header-top dark">) -->
            <!-- ================ -->
            <div class="header-top">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-2 col-sm-6">

                            <!-- header-top-first start -->
                            <!-- ================ -->
                            <div class="header-top-first clearfix">
                                <ul class="social-links clearfix hidden-xs">
                                                                    </ul>
                                <div class="social-links hidden-lg hidden-md hidden-sm">
                                    <div class="btn-group dropdown">
                                        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-share-alt"></i></button>
                                        <ul class="dropdown-menu dropdown-animation">
                                                                                    </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- header-top-first end -->

                        </div>
                        <div class="col-xs-10 col-sm-6">

                            <!-- header-top-second start -->
                            <!-- ================ -->
                            <div id="header-top-second"  class="clearfix">

                                <!-- header top dropdowns start -->
                                <!-- ================ -->
                                <div class="header-top-dropdown">
                                    <div class="btn-group dropdown">
                                        <ul class="dropdown-menu dropdown-menu-right dropdown-animation">
                                            <li>
                                                <form role="search" class="search-box">
                                                    <div class="form-group has-feedback">
                                                        <input type="text" class="form-control" placeholder="Search">
                                                        <i class="fa fa-search form-control-feedback"></i>
                                                    </div>
                                                </form>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="btn-group dropdown">
                                        <button type="button" class="btn" style="max-height:35px;"><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblochmann.de.tl&amp;send=false&amp;layout=button_count&amp;width=120&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21&amp;appId=339062219495910" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:21px;" allowTransparency="true"></iframe></button>
                                    </div>
                                </div>
                                <!--  header top dropdowns end -->

                            </div>
                            <!-- header-top-second end -->

                        </div>
                    </div>
                </div>
            </div>
            <!-- header-top end -->

            <!-- header start classes:
                fixed: fixed navigation mode (sticky menu) e.g. <header class="header fixed clearfix">
                 dark: dark header version e.g. <header class="header dark clearfix">
            ================ -->
            <header class="header fixed clearfix">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3">

                            <!-- header-left start -->
                            <!-- ================ -->
                            <div class="header-left clearfix">

                                <!-- logo -->
                                <div class="logo">
                                    <a href="/"><img id="logo" src="http://theme.webme.com/designs/professional/logo.png" alt="iDea" style="max-height:50px;"></a>
                                </div>

                                <!-- name-and-slogan -->
                                <div class="site-slogan">
                                    Dein Slogan kann hier stehen                                </div>

                            </div>
                            <!-- header-left end -->

                        </div>
                        <div class="col-md-9">

                            <!-- header-right start -->
                            <!-- ================ -->
                            <div class="header-right clearfix">

                                <!-- main-navigation start -->
                                <!-- ================ -->
                                <div class="main-navigation animated">

                                    <!-- navbar start -->
                                    <!-- ================ -->
                                    <nav class="navbar navbar-default" role="navigation">
                                        <div class="container-fluid">

                                            <!-- Toggle get grouped for better mobile display -->
                                            <div class="navbar-header">
                                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
                                                    <span class="sr-only">Toggle navigation</span>
                                                    <span class="icon-bar"></span>
                                                    <span class="icon-bar"></span>
                                                    <span class="icon-bar"></span>
                                                </button>
                                            </div>

                                            <!-- Collect the nav links, forms, and other content for toggling -->
                                            <div class="collapse navbar-collapse" id="navbar-collapse-1">
                                                <ul class="nav navbar-nav navbar-right">
                                                    <li class="dropdown">
                        <a href="/Home.htm">Home</a>
                        <ul class="dropdown-menu">
                            <li class="active">
                                <a href="/Beispiel_Unterseite-1.htm">Beispiel-Unterseite 1</a>
                            </li>                       

                            <li class="active">
                                <a href="/Beispiel_Unterseite-2.htm">Beispiel-Unterseite 2</a>
                            </li>                       
</ul>
                    </li>
<li>
                        <a href="/Firmensitz.htm">Firmensitz</a>
                       
                    </li>
<li>
                        <a href="/Galerie/index.htm">Galerie</a>
                       
                    </li>
<li>
                        <a href="/Counter.htm">Counter</a>
                       
                    </li>
                                                </ul>
                                            </div>

                                        </div>
                                    </nav>
                                    <!-- navbar end -->

                                </div>
                                <!-- main-navigation end -->

                            </div>
                            <!-- header-right end -->

                        </div>
                    </div>
                </div>
            </header>
            <!-- header end -->
            <!-- banner start -->
            <!-- ================ -->
            <div class="banner">

                <!-- slideshow start -->
                <!-- ================ -->
                <div class="slideshow">
                   
                    <!-- slider revolution start -->
                    <!-- ================ -->
                    <div class="slider-banner-container">
                        <div class="slider-banner">
                            <ul>
                           
                           
                                <!-- slide 1 start -->
                                <li data-transition="random" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Premium HTML5 template">
                               
                                <!-- main image -->
                                <img src="http://theme.webme.com/designs/globals/header/brushes.jpg"  alt="slidebg1" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">

                                <!-- LAYER NR. 1 -->
                                <div class="tp-caption default_bg large sfr tp-resizeme"
                                    data-x="0"
                                    data-y="70"
                                    data-speed="600"
                                    data-start="1200"
                                    data-end="9400"
                                    data-endspeed="600">Homepage-Baukasten                                </div>

                               
                                <!-- LAYER NR. 3 -->
                                <div class="tp-caption light_gray_bg sfb medium tp-resizeme"
                                    data-x="0"
                                    data-y="170"
                                    data-speed="600"
                                    data-start="1600"
                                    data-end="9400"
                                    data-endspeed="600">Dein Platz                                </div>
                               
                                <!-- LAYER NR. 3 -->
                                <div class="tp-caption light_gray_bg sfb medium tp-resizeme"
                                    data-x="0"
                                    data-y="220"
                                    data-speed="600"
                                    data-start="1800"
                                    data-end="9400"
                                    data-endspeed="600">für                                </div>
                               
                                <!-- LAYER NR. 3 -->
                                <div class="tp-caption light_gray_bg sfb medium tp-resizeme"
                                    data-x="0"
                                    data-y="270"
                                    data-speed="600"
                                    data-start="2000"
                                    data-end="9400"
                                    data-endspeed="600">Kreativität                                </div>
                                                                <!-- LAYER NR. 11 -->
                                <div class="tp-caption sfr tp-resizeme"
                                    data-x="right"
                                    data-y="center"
                                    data-speed="600"
                                    data-start="2700"
                                    data-end="9400"
                                    data-endspeed="600"><img src="http://theme.webme.com/designs/globals/teaser/woman_02.png" alt="">
                                </div>

                                </li>
                                <!-- slide 1 end -->
                           
                                <!-- slide 1 start -->
                                <li data-transition="random" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Premium HTML5 template">
                               
                                <!-- main image -->
                                <img src="http://theme.webme.com/designs/globals/header/oldbookshelve.jpg"  alt="slidebg1" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">

                                <!-- LAYER NR. 1 -->
                                <div class="tp-caption default_bg large sfr tp-resizeme"
                                    data-x="0"
                                    data-y="70"
                                    data-speed="600"
                                    data-start="1200"
                                    data-end="9400"
                                    data-endspeed="600">Ohne Vorkenntnisse                                </div>

                               
                                <!-- LAYER NR. 3 -->
                                <div class="tp-caption light_gray_bg sfb medium tp-resizeme"
                                    data-x="0"
                                    data-y="170"
                                    data-speed="600"
                                    data-start="1600"
                                    data-end="9400"
                                    data-endspeed="600">Sie brauchen nicht                                </div>
                               
                                <!-- LAYER NR. 3 -->
                                <div class="tp-caption light_gray_bg sfb medium tp-resizeme"
                                    data-x="0"
                                    data-y="220"
                                    data-speed="600"
                                    data-start="1800"
                                    data-end="9400"
                                    data-endspeed="600">viele IT-Bücher zu lesen...                                </div>
                                                                <!-- LAYER NR. 11 -->
                                <div class="tp-caption sfr tp-resizeme"
                                    data-x="right"
                                    data-y="center"
                                    data-speed="600"
                                    data-start="2700"
                                    data-end="9400"
                                    data-endspeed="600"><img src="http://theme.webme.com/designs/globals/teaser/woman_06.png" alt="">
                                </div>

                                </li>
                                <!-- slide 1 end -->
                           
                                <!-- slide 1 start -->
                                <li data-transition="random" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Premium HTML5 template">
                               
                                <!-- main image -->
                                <img src="http://theme.webme.com/designs/globals/header/heaven1.jpg"  alt="slidebg1" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">

                                <!-- LAYER NR. 1 -->
                                <div class="tp-caption default_bg large sfr tp-resizeme"
                                    data-x="0"
                                    data-y="70"
                                    data-speed="600"
                                    data-start="1200"
                                    data-end="9400"
                                    data-endspeed="600">Inspiration                                </div>

                               
                                <!-- LAYER NR. 3 -->
                                <div class="tp-caption light_gray_bg sfb medium tp-resizeme"
                                    data-x="0"
                                    data-y="170"
                                    data-speed="600"
                                    data-start="1600"
                                    data-end="9400"
                                    data-endspeed="600">Lassen Sie                                </div>
                               
                                <!-- LAYER NR. 3 -->
                                <div class="tp-caption light_gray_bg sfb medium tp-resizeme"
                                    data-x="0"
                                    data-y="220"
                                    data-speed="600"
                                    data-start="1800"
                                    data-end="9400"
                                    data-endspeed="600">Ihren Gedanken                                </div>
                               
                                <!-- LAYER NR. 3 -->
                                <div class="tp-caption light_gray_bg sfb medium tp-resizeme"
                                    data-x="0"
                                    data-y="270"
                                    data-speed="600"
                                    data-start="2000"
                                    data-end="9400"
                                    data-endspeed="600">freien Lauf                                </div>
                                                                <!-- LAYER NR. 11 -->
                                <div class="tp-caption sfr tp-resizeme"
                                    data-x="right"
                                    data-y="center"
                                    data-speed="600"
                                    data-start="2700"
                                    data-end="9400"
                                    data-endspeed="600"><img src="http://theme.webme.com/designs/globals/teaser/woman_07.png" alt="">
                                </div>

                                </li>
                                <!-- slide 1 end -->


                            </ul>
                            <div class="tp-bannertimer tp-bottom"></div>
                        </div>
                    </div>
                    <!-- slider revolution end -->

                </div>
                <!-- slideshow end -->

            </div>
            <!-- banner end -->

            <!-- page-top start-->
            <!-- ================ -->
            <div class="page-top" style="min-height:500px;">
                <div class="container">
                    <div class="row">
                   
                        <div class="col-md-12">
                   
                       
                            <h1 class="title"></h1>
                            Der <a href="http://www.homepage-baukasten.de/">Homepage-Baukasten</a> arbeitet getreu dem Motto &quot;Dein Platz f&uuml;r Kreativit&auml;t&quot; - das bedeutet, dass sich unsere User mithilfe vorgefertigter Designs eine eigene Homepage erstellen k&ouml;nnen.<br />
Die Features, die einem kostenfrei zur Verf&uuml;gung gestellt werden, umfassen eine gro&szlig;e Spanne: individuelles und auch professionelles Design, unbegrenzte Anzahl von Unterseiten, Extras wie Umfragen, ein eigenes Forum, und noch viel mehr kannst du im Baukasten nutzen.<br />
<br />
Im Dezember 2012 knackte der Homepage-Baukasten die 11 Millionen Mitglieder-Grenze. Mit einem Premium-Kundenstamm im f&uuml;nfstelligen Bereich und mehreren tausend Neuanmeldungen t&auml;glich w&auml;chst der Baukasten immer weiter, und das nicht nur in seiner Heimat.<br />
<br />
Der gro&szlig;e Erfolg des Baukastens in Deutschland hat den Gesch&auml;ftsf&uuml;hrer dazu veranlasst, das Modell auch international anzubieten. In L&auml;ndern wie England, Frankreich, Italien, Spanien, T&uuml;rkei, Russland und auch Polen ist das System des Baukastens ebenfalls zu finden. Die l&auml;nderspezifischen Kurzdomains (in Deutschland &quot;beispiel.de.tl&quot;) sind mitunter ein garant f&uuml;r den Erfolg in jedem dieser L&auml;nder. <br />
Besonders zu erw&auml;hnen w&auml;re dabei die T&uuml;rkei, in der die t&uuml;rkische Version des Baukastens (<a href="http://www.bedava-sitem.com/">http://www.bedava-sitem.com/</a>) beim Werbeanalysedienst Alexa.com einen ausgezeichneten 90. Rang im Webseiten-Ranking belegt.<br />
<br />
Worauf wartest du also noch?&nbsp;Melde dich an einfach auf <a href="http://www.homepage-baukasten.de/">Homepage-Baukasten.de </a>an. Die Benutzung ist kinderleicht, es sind keinerlei Programmierkenntnisse n&ouml;tig!<br />
<br />
Viel Spa&szlig; mit dem Baukasten w&uuml;nscht dir<br />
<br />
Benjamin&nbsp;Lochmann<br />                        </div>
                       
                     
                    </div>
                </div>
            </div>
            <!-- page-top end -->
           

            <!-- footer start (Add "light" class to #footer in order to enable light footer) -->
            <!-- ================ -->
            <footer id="footer">

                <!-- .footer start -->
                <!-- ================ -->
                <div class="footer">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="footer-content">
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <p>Hier passen ein<br />
paar weitere<br />
Zusatzinformationen rein</p>
                                            <ul class="social-links circle">
                                                                                            </ul>
                                        </div>
                                        <div class="col-sm-4">
                                            <p>Hier ist<br />
ebenfalls Platz<br />
für etwas Zusatzinfo</p>
                                        </div>
                                        <div class="col-sm-4">
                                            <p>Und noch eine<br />
dritte Spalte für Infos</p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="space-bottom hidden-lg hidden-xs"></div>
                    </div>
                </div>
                <!-- .footer end -->

                <!-- .subfooter start -->
                <!-- ================ -->
                <div class="subfooter">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-6">
                                <p>Copyright &copy; 2015 webme GmbH</p>
                                <br>
                                                            </div>
                            <div class="col-md-6" style="text-align: right">
                                Heute waren schon 5 Besucher (45 Hits) hier!<br>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- .subfooter end -->

            </footer>
            <!-- footer end -->

        </div>
        <!-- page-wrapper end -->
       


        <!-- JavaScript files placed at the end of the document so the pages load faster
        ================================================== -->
        <!-- Jquery and Bootstap core js files -->
        <script type="text/javascript" src="http://theme.webme.com/designs/professional/bootstrap/js/bootstrap.min.js"></script>

        <!-- Modernizr javascript -->
        <script type="text/javascript" src="http://theme.webme.com/designs/professional/plugins/modernizr.js"></script>

        <!-- jQuery REVOLUTION Slider  -->
        <script type="text/javascript" src="http://theme.webme.com/designs/professional/plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
        <script type="text/javascript" src="http://theme.webme.com/designs/professional/plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

        <!-- Isotope javascript -->
        <script type="text/javascript" src="http://theme.webme.com/designs/professional/plugins/isotope/isotope.pkgd.min.js"></script>

        <!-- Owl carousel javascript -->
        <script type="text/javascript" src="http://theme.webme.com/designs/professional/plugins/owl-carousel/owl.carousel.js"></script>

        <!-- Magnific Popup javascript -->
        <script type="text/javascript" src="http://theme.webme.com/designs/professional/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>

        <!-- Appear javascript -->
        <script type="text/javascript" src="http://theme.webme.com/designs/professional/plugins/jquery.appear.js"></script>

        <!-- Count To javascript -->
        <script type="text/javascript" src="http://theme.webme.com/designs/professional/plugins/jquery.countTo.js"></script>

        <!-- Parallax javascript -->
        <script src="http://theme.webme.com/designs/professional/plugins/jquery.parallax-1.1.3.js"></script>

        <!-- Contact form -->
        <script src="http://theme.webme.com/designs/professional/plugins/jquery.validate.js"></script>

        <!-- Initialization of Plugins -->
        <script type="text/javascript" src="http://theme.webme.com/designs/professional/js/template.js"></script>

        <!-- Custom Scripts -->
        <script type="text/javascript" src="http://theme.webme.com/designs/professional/js/custom.js"></script>   
       
    </body>
</html>

______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu