• 26-04-2020, 01:25:46
    #1
    merhabalar bu kodda
    https://codepen.io/Creaticode/pen/pHEyJ

    sarı ile gösterdiğim yerlere resim ekleme (hizliresim veya herhangi bir link ile fotoğraf eklemem için)
    siyah olan yerler için tek satır metin ekleyebeliceğim bir şekilde dönüştürür müsünüz ?
    eğer ücretle yapabilirseniz süre/ücret belirtirseniz sevinirim
  • 26-04-2020, 01:26:49
    #2
    Üyeliği durduruldu
    pm gönderildi
  • 26-04-2020, 01:28:34
    #3
    .pricing-title {
    background-image: url(Resim URL Buraya)
    !important;
    }

    Buyrun.
  • 26-04-2020, 01:30:27
    #4
    Direkt html kısmına yapıştırıp deneyin (basit edit)

    <!-- Contenedor -->
        <div class="pricing-wrapper clearfix">
            <!-- Titulo -->
            <h1 class="pricing-table-title">Tabla de Precios <a href="http://creaticode.com">Creaticode.com</a></h1>
    
            <div class="pricing-table">
                <div class="pricing-title"><img src="https://cdn.r10.net/modern/img/logo/non-retina/1-0-0.png" alt="Italian Trulli">
    </div>
                <p class="price">Test r10</p>
                <!-- Lista de Caracteristicas / Propiedades -->
                <ul class="table-list">
                    <li>10 GB <span>De almacenamiento</span></li>
                    <li>1 Dominio <span>incluido</span></li>
                    <li>25 GB <span>De transferencia mensual</span></li>
                    <li>Base de datos <span class="unlimited">ilimitadas</span></li>
                    <li>Cuentas de correo <span class="unlimited">ilimitadas</span></li>
                    <li>CPanel <span>incluido</span></li>
                </ul>
                <!-- Contratar / Comprar -->
                <div class="table-buy">
                    <p>$60<sup>/ mes</sup></p>
                    <a href="#" class="pricing-action">Comprar</a>
                </div>
            </div>
            
            <div class="pricing-table recommended">
                <h3 class="pricing-title">Premium</h3>
                <div class="price">$100<sup>/ mes</sup></div>
                <!-- Lista de Caracteristicas / Propiedades -->
                <ul class="table-list">
                    <li>35 GB <span>De almacenamiento</span></li>
                    <li>5 Dominios <span>incluidos</span></li>
                    <li>100 GB <span>De transferencia mensual</span></li>
                    <li>Base de datos <span class="unlimited">ilimitadas</span></li>
                    <li>Cuentas de correo <span class="unlimited">ilimitadas</span></li>
                    <li>CPanel <span>incluido</span></li>
                </ul>
                <!-- Contratar / Comprar -->
                <div class="table-buy">
                    <p>$100<sup>/ mes</sup></p>
                    <a href="#" class="pricing-action">Comprar</a>
                </div>
            </div>
    
            <div class="pricing-table">
                <h3 class="pricing-title">Ultimate</h3>
                <div class="price">$200<sup>/ mes</sup></div>
                <!-- Lista de Caracteristicas / Propiedades -->
                <ul class="table-list">
                    <li>100 GB <span>De almacenamiento</span></li>
                    <li>8 Dominios <span>incluidos</span></li>
                    <li>200 GB <span>De transferencia mensual</span></li>
                    <li>Base de datos <span class="unlimited">ilimitadas</span></li>
                    <li>Cuentas de correo <span class="unlimited">ilimitadas</span></li>
                    <li>CPanel <span>incluido</span></li>
                </ul>
                <!-- Contratar / Comprar -->
                <div class="table-buy">
                    <p>$200<sup>/ mes</sup></p>
                    <a href="#" class="pricing-action">Comprar</a>
                </div>
            </div>
        </div>
  • 26-04-2020, 01:33:53
    #5
    Cooper34 adlı üyeden alıntı: mesajı görüntüle
    Direkt html kısmına yapıştırıp deneyin (basit edit)

    <!-- Contenedor -->
        <div class="pricing-wrapper clearfix">
            <!-- Titulo -->
            <h1 class="pricing-table-title">Tabla de Precios <a href="http://creaticode.com">Creaticode.com</a></h1>
    
            <div class="pricing-table">
                <div class="pricing-title"><img src="https://cdn.r10.net/modern/img/logo/non-retina/1-0-0.png" alt="Italian Trulli">
    </div>
                <p class="price">Test r10</p>
                <!-- Lista de Caracteristicas / Propiedades -->
                <ul class="table-list">
                    <li>10 GB <span>De almacenamiento</span></li>
                    <li>1 Dominio <span>incluido</span></li>
                    <li>25 GB <span>De transferencia mensual</span></li>
                    <li>Base de datos <span class="unlimited">ilimitadas</span></li>
                    <li>Cuentas de correo <span class="unlimited">ilimitadas</span></li>
                    <li>CPanel <span>incluido</span></li>
                </ul>
                <!-- Contratar / Comprar -->
                <div class="table-buy">
                    <p>$60<sup>/ mes</sup></p>
                    <a href="#" class="pricing-action">Comprar</a>
                </div>
            </div>
            
            <div class="pricing-table recommended">
                <h3 class="pricing-title">Premium</h3>
                <div class="price">$100<sup>/ mes</sup></div>
                <!-- Lista de Caracteristicas / Propiedades -->
                <ul class="table-list">
                    <li>35 GB <span>De almacenamiento</span></li>
                    <li>5 Dominios <span>incluidos</span></li>
                    <li>100 GB <span>De transferencia mensual</span></li>
                    <li>Base de datos <span class="unlimited">ilimitadas</span></li>
                    <li>Cuentas de correo <span class="unlimited">ilimitadas</span></li>
                    <li>CPanel <span>incluido</span></li>
                </ul>
                <!-- Contratar / Comprar -->
                <div class="table-buy">
                    <p>$100<sup>/ mes</sup></p>
                    <a href="#" class="pricing-action">Comprar</a>
                </div>
            </div>
    
            <div class="pricing-table">
                <h3 class="pricing-title">Ultimate</h3>
                <div class="price">$200<sup>/ mes</sup></div>
                <!-- Lista de Caracteristicas / Propiedades -->
                <ul class="table-list">
                    <li>100 GB <span>De almacenamiento</span></li>
                    <li>8 Dominios <span>incluidos</span></li>
                    <li>200 GB <span>De transferencia mensual</span></li>
                    <li>Base de datos <span class="unlimited">ilimitadas</span></li>
                    <li>Cuentas de correo <span class="unlimited">ilimitadas</span></li>
                    <li>CPanel <span>incluido</span></li>
                </ul>
                <!-- Contratar / Comprar -->
                <div class="table-buy">
                    <p>$200<sup>/ mes</sup></p>
                    <a href="#" class="pricing-action">Comprar</a>
                </div>
            </div>
        </div>
    teşekkür ederim hocam tam olarak buydu
    peki ya yeni kutu nasıl ekleyebilirim ?
  • 26-04-2020, 01:37:11
    #6
    deffydark adlı üyeden alıntı: mesajı görüntüle
    teşekkür ederim hocam tam olarak buydu
    peki ya yeni kutu nasıl ekleyebilirim ?
    <ul class="table-list">
    <li>35 GB <span>De almacenamiento</span></li>

    </ul>

    mevuct ullerden sonra yapıştırabilirsiniz
  • 26-04-2020, 01:38:03
    #7
    deffydark adlı üyeden alıntı: mesajı görüntüle
    teşekkür ederim hocam tam olarak buydu
    peki ya yeni kutu nasıl ekleyebilirim ?
    Metin kutusu eklemek için "test r10"metninin bulunduğu paragraf kodunu kopyalayıp herhangi bir kutunun bitişinden sonra ekleyebilirsiniz:

    <p class="price">Test r10</p>

    Metin boyutunu ise aşağıdaki css tanımlamasının olduğu yerde font-size düzenleyerek istediğiniz kıvama getirirsiniz. Responsive yapmak için bilginiz yoksa araştıra araştıra yapabilirsiniz.

    .pricing-table .price {
    1. background: #403e3d;
    2. font-size: 3.4em;
    3. font-weight: 700;
    4. padding: 20px 0;
    5. text-shadow: 0 1px 1px rgba(0,0,0,0.4);

    }
  • 26-04-2020, 01:38:33
    #8
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Selamlar,
    1-) Css kısmında .pricing-title classına:
    background-image: url("buraya istediğiniz fotoğraf urlsi gelecek.jpg");
    Eklerseniz istediğiniz image'ı ekleyebilirsiniz, tam sığması için 236x24 olmalı boyut. (Üç aşağı beş yukarı)

    2-) Tek satır için de html kısmında
    <ul class="table-list"> ile başlayan satırın altındaki <li> </li> ile başlayan her şeyi silin, yalnızca bir tane <li> </li> satırı kalsın, örneğin <li>10 GB <span>De almacenamiento</span></li> sadece burası kalsın, geri kalan her <li> öğesini silin.
  • 26-04-2020, 03:11:18
    #9
    normalmert adlı üyeden alıntı: mesajı görüntüle
    <ul class="table-list">
    <li>35 GB <span>De almacenamiento</span></li>

    </ul>

    mevuct ullerden sonra yapıştırabilirsiniz
    Cooper34 adlı üyeden alıntı: mesajı görüntüle
    Metin kutusu eklemek için "test r10"metninin bulunduğu paragraf kodunu kopyalayıp herhangi bir kutunun bitişinden sonra ekleyebilirsiniz:

    <p class="price">Test r10</p>

    Metin boyutunu ise aşağıdaki css tanımlamasının olduğu yerde font-size düzenleyerek istediğiniz kıvama getirirsiniz. Responsive yapmak için bilginiz yoksa araştıra araştıra yapabilirsiniz.

    .pricing-table .price {
    1. background: #403e3d;
    2. font-size: 3.4em;
    3. font-weight: 700;
    4. padding: 20px 0;
    5. text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    }
    ozonkit adlı üyeden alıntı: mesajı görüntüle
    Selamlar,
    1-) Css kısmında .pricing-title classına:
    background-image: url("buraya istediğiniz fotoğraf urlsi gelecek.jpg");
    Eklerseniz istediğiniz image'ı ekleyebilirsiniz, tam sığması için 236x24 olmalı boyut. (Üç aşağı beş yukarı)

    2-) Tek satır için de html kısmında
    <ul class="table-list"> ile başlayan satırın altındaki <li> </li> ile başlayan her şeyi silin, yalnızca bir tane <li> </li> satırı kalsın, örneğin <li>10 GB <span>De almacenamiento</span></li> sadece burası kalsın, geri kalan her <li> öğesini silin.
    Herkese teşekkür ederimmm çok saolun := hepinize hayırlı sahurlar.