Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 2 of 2 FirstFirst 1 2
Results 11 to 14 of 14
  1. #11
    Junior Member
    Join Date
    Sep 2013
    Posts
    10
    Member #
    37249

    Current Rating

    Visual Appeal:
    0.0 out of 5

    Accessibility:
    0.0 out of 5

    Website Speed:
    0.0 out of 5

    Compatibility:
    0.0 out of 5

    Overall Rating:
    0.0 out of 5

    Rate This Site


    Advertisement (login to hide this!)


    You must be logged in to view this site

    Hobby Photography site

    I made this site with weebly and did some minor coding to mess with the format but it based on a template.

    I'd like to know how the site looks to people as friends/family wont really give me any useful criticism.
    Keep in mind this is just basically a way to display photos I take and not really a site to get business.

    thanks
    Last edited by TheGAME1264; Sep 24th, 2013 at 06:47 AM.

  2.  

  3. #12
    Senior Member bleau canon's Avatar
    Join Date
    Mar 2011
    Location
    Appalachia Blue Ridge Mts.
    Posts
    621
    Member #
    27201
    Liked
    195 times
    When I first looked at the site it confused me...my thoughts, well, what do I do next? What kind of site is it and who does it belong to and where do I go from here ?

    Nice colors though and pleasing to the eyes.
    Last edited by bleau canon; Sep 29th, 2013 at 10:28 PM.

  4. #13
    Junior Member
    Join Date
    Sep 2013
    Posts
    10
    Member #
    37249
    Quote Originally Posted by Andrew Yurlov View Post
    All you do is find the images in your html, find their ID or Class, go to your css and find the matching ID or Class and in that type border: 3px solid #FFFFFF.
    Of course you change it to your own color and thickness...
    I wish it was that easy I have to write the code from scratch as all that is hidden in the editor. when im not at work ill post what I see in both css and html

  5. #14
    Junior Member
    Join Date
    Sep 2013
    Posts
    10
    Member #
    37249
    Quote Originally Posted by Andrew Yurlov View Post
    All you do is find the images in your html, find their ID or Class, go to your css and find the matching ID or Class and in that type border: 3px solid #FFFFFF.
    Of course you change it to your own color and thickness...
    Here is all that I can see in the CSS editor. If anyone can help with the coding of this I would really appreciate it.
    There is no coding as far as the image gallery border so it would have to be written from scratch.


    /* Resets
    --------------------------------------------------------------------------------*/

    ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote,
    fieldset, input {
    margin: 0;
    padding: 0;
    }

    a img {
    border: 0;
    }

    a {
    text-decoration: none;
    }

    /* General Styling and Structure
    --------------------------------------------------------------------------------*/

    body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    background:#333333;
    color: #aaa;
    line-height:24px;
    }


    .wrapper {
    background:#222 url(dark_wall.png);
    padding-top:50px;
    }

    .container {
    margin: 0 auto;
    width: 960px;
    }

    .wslide-content {
    box-shadow:0 (10)px (15)px rgba(0,0,0,0.5);
    }
    #header-wrap,
    #banner-wrap,
    #nav-wrap,
    #main-wrap,
    #footer-wrap
    {
    visiblity:hidden;
    width:100%;
    }

    #main-wrap .container {min-height:450px;}

    h3 {
    font-size: 22px;
    padding: 1em 0 .2em 0;
    line-height: 1.2;
    font-weight: normal;
    letter-spacing: -1px;
    color: #555;
    margin-bottom:20px;
    }

    a {
    color: #bbb;
    transition: color 1s;
    -moz-transition: color 1s;
    -webkit-transition: color 1s;
    -o-transition: color 1s;
    }

    a:hover {
    color: #555;
    }


    blockquote {
    font-style:italic;
    border-left:4px solid #444 !important;
    margin:10px 0 10px 0;
    padding-left:20px;
    line-height:1.5;
    color:#555 !important;
    }
    h2 {
    font-size: 22px;
    padding: 0.7em 0 .2em 0;
    line-height: 1.2;
    font-weight: normal;
    letter-spacing: -1px;
    color: #999;
    margin-bottom:20px;
    }

    p {
    color:#777;
    font: 13px/22px 'Open Sans',arial,sans-serif;
    font-weight: 400;
    }

    /* Header
    --------------------------------------------------------------------------------*/

    #nav-wrap .container,
    #nav-wrap .container table {
    border-collapse: collapse;
    border-spacing: 0;
    width:960px;
    }

    #wsite-title {
    font-family: 'oswald', sans-serif;
    font-weight:300;
    font-size:38px;
    color:#bbb;
    line-height:28px;
    float:left;
    transition: color 1s;
    -moz-transition: color 1s;
    -webkit-transition: color 1s;
    -o-transition: color 1s;
    padding:0px 0;
    text-shadow: 0px 0px 15px #999999;
    display:block;
    line-height:1px;
    max-width:500px;
    word-spacing:-9px;}

    #wsite-title:hover {
    color:#fff;
    }

    #header {
    border-collapse: collapse;
    border-spacing: 0;
    text-align:right;
    height:20px;
    width:100%;
    }

    #header,
    #header table {
    border-collapse: collapse;
    border-spacing: 0;
    }

    #header td {
    vertical-align: middle;
    text-align: left;
    }

    #header-right {
    border-spacing:0;
    padding:0;
    padding-top:20px;
    }

    #header-right table {
    float:right;
    width:1px;
    }

    #header-right td {
    padding: 0 0 0 0;
    }

    /* Header: Phone Number
    --------------------------------------------------------------------------------*/

    #header-right .phone-number .wsite-text {
    font-weight: 300;
    font-size:14px;
    display: block;
    white-space: nowrap;
    line-height: 31px;
    margin: 0 0 0 10px;
    text-align: right;
    color:#555;
    }

    #header-right .phone-number .wsite-text a {}
    #header-right .phone-number .wsite-text a:hover {}

    /* Header: Social Links
    --------------------------------------------------------------------------------*/

    #header-right .wsite-social {
    vertical-align: middle;
    margin-left:15px;
    }
    .wsite-social-item {
    width: 25px;
    height: 25px;
    margin: 0 0 0 3px;
    background-image:url(social-dark.png);
    }

    .wsite-social-facebook {background-position:0 0;}
    .wsite-social-facebook:hover {background-position:0 -25px;}
    .wsite-social-facebook:active {background-position:0 -50px;}
    .wsite-social-pinterest {background-position:-25px 0;}
    .wsite-social-pinterest:hover {background-position:-25px -25px;}
    .wsite-social-pinterest:active {background-position:-25px -50px;}
    .wsite-social-twitter {background-position:-50px 0;}
    .wsite-social-twitter:hover {background-position:-50px -25px;}
    .wsite-social-twitter:active {background-position:-50px -50px;}
    .wsite-social-linkedin {background-position:-75px 0;}
    .wsite-social-linkedin:hover {background-position:-75px -25px;}
    .wsite-social-linkedin:active {background-position:-75px -50px;}
    .wsite-social-mail {background-position:-100px 0;}
    .wsite-social-mail:hover {background-position:-100px -25px;}
    .wsite-social-mail:active {background-position:-100px -50px;}
    .wsite-social-rss {background-position:-125px 0;}
    .wsite-social-rss:hover {background-position:-125px -25px;}
    .wsite-social-rss:active {background-position:-125px -50px;}
    .wsite-social-flickr {background-position:-150px 0;}
    .wsite-social-flickr:hover {background-position:-150px -25px;}
    .wsite-social-flickr:active {background-position:-150px -50px;}
    .wsite-social-plus {background-position:-175px 0;}
    .wsite-social-plus:hover {background-position:-175px -25px;}
    .wsite-social-plus:active {background-position:-175px -50px;}
    .wsite-social-vimeo {background-position:-200px 0;}
    .wsite-social-vimeo:hover {background-position:-200px -25px;}
    .wsite-social-vimeo:active {background-position:-200px -50px;}
    .wsite-social-yahoo {background-position:-225px 0;}
    .wsite-social-yahoo:hover {background-position:-225px -25px;}
    .wsite-social-yahoo:active {background-position:-225px -50px;}
    .wsite-social-youtube {background-position:-250px 0;}
    .wsite-social-youtube:hover {background-position:-250px -25px;}
    .wsite-social-youtube:active {background-position:-250px -50px;}

    /* Header: Search Box
    --------------------------------------------------------------------------------*/

    #header-right .search {
    width:180px;
    vertical-align: middle;
    }

    #header-right .wsite-search {
    vertical-align: middle;
    margin-left:15px;
    width:180px;
    height:26px;
    background:url(search-bg-dark.png) no-repeat top left;
    }

    #header-right .wsite-search-input {
    width: 145px;
    border: none;
    padding: 6px !important;
    color: #fff;
    font-size: 12px ;
    background: none;
    height:auto !important;
    }

    #header-right .wsite-search-button {
    position: relative;
    width: 14px;
    height: 14px;
    border: 0px;
    margin: 6px 0px 0px 5px;
    background: url(search-button.png) no-repeat right center;
    }

    /* Navigation
    --------------------------------------------------------------------------------*/


    #nav-wrap .container {
    clear: both;
    overflow: hidden;
    position: relative;
    margin-bottom:20px;
    }

    #nav-wrap .container table, #nav-wrap .container table tr, #nav-wrap .container table tr td, #nav-wrap .container table tbody {
    vertical-align:bottom;
    }

    td#nav {
    float:right;
    }
    #navigation {
    line-height: 1;
    float: right;
    }

    #navigation ul {
    display: inline;
    list-style: none;
    float: right;
    max-width:700px;
    height:44px;
    overflow:hidden;
    margin-bottom:-1px;
    }

    #navigation li {
    display: inline;
    position: relative;
    list-style: none;
    margin-left:6px;
    float: left;
    }

    #navigation ul li a {
    display: block;
    color: #777;
    text-decoration: none;
    padding: 18px 0px 8px;
    margin:0 0 0 7px;
    border: 0;
    outline: 0;
    list-style-type: none;
    float: left;
    font:16px 'Open Sans',arial,sans-serif;
    text-transform:uppercase;
    font-weight:300;
    }

    #navigation ul li#active a{
    color:#ccc;
    }

    #navigation ul li a:hover {
    color: #fff;
    }

    /* Navigation Submenu's
    --------------------------------------------------------------------------------*/

    #wsite-menus .wsite-menu {
    background:#1e1e1e;
    position:relative;
    box-shadow:0 1px 10px rgba(0,0,0,0.2);
    }


    #wsite-menus .wsite-menu li a {
    background: #1e1e1e;
    border:none;
    border-bottom: 1px solid #111;
    border-top: 1px solid #333;
    display: block;
    color:#999;
    }

    #wsite-menus .wsite-menu li a:hover {
    color: #fff;
    background:#1e1e1e;
    }





    /* Universal banner
    --------------------------------------------------------------------------------*/

    #banner {
    margin-bottom:40px;
    box-shadow:0 (5)px (15)px rgba(0,0,0,0.5);
    }

    #banner-image-wrap {
    position:relative
    }

    /* Page type: Tall header
    --------------------------------------------------------------------------------*/


    .tall-header-page #banner-image-wrap {
    width: 100%;
    height: 400px;
    }

    .tall-header-page .wsite-header {
    width: 100%;
    height: 200px;
    background: url(banner-tall.jpg) no-repeat;
    }

    /* Page type: Short header
    --------------------------------------------------------------------------------*/


    .short-header-page #banner-image-wrap {
    width: 100%;
    height: 300px;
    }

    .short-header-page .wsite-header {
    width: 100%;
    height: 100px;
    background: url(banner-short.jpg) no-repeat;
    }

    /* Page type: No header
    --------------------------------------------------------------------------------*/

    .no-header-page #banner, .no-header-page .wsite-header {
    display:none;
    }

  6. #15
    Junior Member
    Join Date
    Sep 2013
    Posts
    10
    Member #
    37249
    /* Page type: Landing page
    --------------------------------------------------------------------------------*/

    .landing-page #banner {}

    #bannerleft {
    width: 500px;
    height: 300px;
    float:right;
    position:relative;
    }

    .landing-page .wsite-header {
    width: 100%;
    height: 300px;
    background: url(banner-landing.jpg) no-repeat;
    }

    #bannerright {
    width: 390px;
    height:240px;
    text-align:left;
    float:left;
    padding: 30px 40px 30px 30px;
    background:#333333;
    }

    #bannerright h2 {
    color: black;
    font-size: 24px;
    font-weight: 300;
    color:#bbb;
    padding: 0px;
    line-height: 24px;
    margin-bottom: 0px;
    }

    #bannerright p {
    padding: 20px 0px;
    line-height: 140%;
    }

    .landing-banner-outer {
    display: table;
    #position: relative;
    overflow: hidden;
    }

    .landing-banner-mid {
    #position: absolute;
    #top: 50%;
    display: table-cell;
    vertical-align: middle;
    }

    .landing-banner-inner {
    #position: relative;
    #top: -50%;
    }

    /* Main Content
    --------------------------------------------------------------------------------*/


    #main-wrap .container h2 {
    margin-bottom:10px;
    }
    /* Footer
    --------------------------------------------------------------------------------*/
    #footer
    {visibility: none;

    }
    #footer-wrap {
    visibility:hidden;
    margin-top:0px;
    background:#333333;
    }
    #footer-wrap .container {
    text-align:left;
    paddingx 0px 35px;
    text-align:right;
    }

    #footer-wrap ul {
    text-align:left;
    }


    #footer-wrap a:hover {
    color: #555;
    }

    #footer-wrap h2 {
    font-size: 20px;
    padding-bottom:10px;
    margin:0;
    font-weight: normal;
    color:#888;
    }


    /* Form Customization
    --------------------------------------------------------------------------------*/

    .wsite-form-label {
    display: inline-block;
    color: #797979;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 0 0px 0;
    }

    .form-radio-container {
    color: #797979;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    }

    .wsite-form-input, .wsite-search-element-input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #797979;
    background: #292929;
    border: none;
    padding: 8px 4px 5px !important;
    line-height: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }

    .form-select {
    color: #797979;
    background: #292929;
    border: none;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 3px 4px;
    width: 320px;
    height: 27px;
    line-height: 27px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }

    .form-radio-container {
    font-size:.9em;
    height:20px;
    padding:0;
    margin:0 0 5px 0 !important;
    }

    /* Footer Form Customization
    --------------------------------------------------------------------------------*/

    .wsite-form-container {
    margin-top:0px !important;
    text-align:left;
    }

    .wsite-footer .wsite-form-label {
    visibilty:hidden;
    font-size: 1em;
    padding: 5px 0 2px 0;
    }

    .wsite-footer .wsite-form-input {
    font-size: 1em;
    }

    /* Buttons
    --------------------------------------------------------------------------------*/

    /* Small structure & regular style */

    .wsite-button {
    background: #333;
    background: -moz-linear-gradient(top,#444 0,#333 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#bbb),color-stop(100%,#bbb));
    background: -webkit-linear-gradient(top,#444 0,#333 100%);
    background: -o-linear-gradient(top,#444 0,#333 100%);
    background: -ms-linear-gradient(top,#444 0,#333 100%);
    background: linear-gradient(top,#444 0,#333 100%);
    border: 1px solid #191919;
    box-shadow:inset 0 0 15px rgba(0,0,0,0.25);
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: white !important;
    font-size: 13px;
    font-weight: bold !important;
    padding: 3px 25px;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.7);
    }

    .wsite-button:hover {
    background-position:0 0;
    box-shadow:0 1px 4px rgba(0,0,0,0.3);
    }

    .wsite-button:active {
    background-position:0 0;
    }

    .wsite-button-inner {
    color: #fff !important;
    padding:0;
    background: none;
    }

    .wsite-button:hover .wsite-button-inner {
    background:none;
    }

    .wsite-button:active {
    padding:4px 25px 2px;
    }

    /* Large structure & regular style */

    .wsite-button-large .wsite-button-inner {
    font-size:14px;
    padding:0;
    }


    .wsite-button-large .wsite-button-inner {
    background: none;
    }

    /* Highlighted styles */

    .wsite-button-highlight, .wsite-button-large.wsite-button-highlight {
    background: rgb(184,184,184); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(184,184,184,1) 0%, rgba(119,119,119,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,184,184,1)), color-stop(100%,rgba(119,119,119,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(184,184,184,1) 0%,rgba(119,119,119,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(184,184,184,1) 0%,rgba(119,119,119,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(184,184,184,1) 0%,rgba(119,119,119,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(184,184,184,1) 0%,rgba(119,119,119,1) 100%); /* W3C */
    filter: progidXImageTransform.Microsoft.gradient( startColorstr='#b8b8b8', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
    border: none;
    box-shadow:inset 0 0 15px rgba(0,0,0,0.25);
    }

    .wsite-button-highlight:hover , .wsite-button-large.wsite-button-highlight:hover {
    box-shadow:0 1px 4px rgba(0,0,0,0.3);
    }

    .wsite-button-highlight .wsite-button-inner {
    background-image: none;
    color:#222 !important;
    text-shadow:0 1px 0 rgba(255,255,255,0.4);
    }

    .wsite-button-large.wsite-button-highlight .wsite-button-inner {
    background-image: none;
    }


Page 2 of 2 FirstFirst 1 2

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 05:51 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com