Posts by gentlemedia

Why do you wanna create something like this from scratch and if so how you think you gonna do that in a vacation time? Unless your vacation spans months and months and months :)
Why not just use something like https://www.cs-cart.com/multivendor.html and build further ontop of that?

Wow! Downvoting a post, because it's not the answer you're after. Have some respect, sir! Anyway... I've got a good answer for you. Hire a developer!!!

Mozilla has an open source PDF viewer written in JS.
https://mozilla.github.io/pdf.js/

@rproffitt - Thread started just for their signature backlinks.

Sigh... why would anyone here explain this if a simple Google search gives you already the answer?

I really have no clue what you're after.

¯_(ツ)_/¯

that run on your Iphone, Androi, winphone, restaurant, coffee shop...

¯_(ツ)_/¯

for example simple you have to share yourself with.

There are loads of ready made scripts for this. Here's for example a tiny javascript modal library with no dependency.
https://github.com/oigil/dndod / https://oigil.github.io/dndod/demo

Or do you need a more robust soluttion with tons of options and with support for older browsers such as old IE, then you could go for https://craftpip.github.io/jquery-confirm/

It's doanle, but not like that no.
Here a tut how to do it with CSS and a bit of JS and that also keeps accisibility in mind.
https://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/

I don't think the OP is really interested in who does (or who doesn't) know Danny Sullivan. I think he/she is more interested in putting some backlinks in his/her sig.

If the OP was really in for some proper discussion, then he/she would have the decency to follow up on the replies of an earlier thread of his/her https://www.daniweb.com/digital-media/digital-marketing/search-engine-strategies/threads/515823/what-aspects-of-a-hyperlink-are-important-for-seo instead of posting a new one (this one) at that time.

No, I was refering to just a PDF instead of a flipbook. Anyway... it looks nice a flipbook (if well designed) on a desk/laptop and tablet, but is useless on a phone and the majority of email opens these days are mobile.

I only had a look and see in project1 that you load first your own stylesheet and then the bootstrap stylesheet. Switch them!

Hard to tell withou seeing any code, but here's some info:

A select element is an inline element which means it has by default the CSS decleration display: inline in the browsers' computed stylesheet.
Top/bottom margin and padding don't have effect on inline elements. Only left/right margin and padding. Do you want top/bottom margin and padding on the select element, then you will have to change the display to inline-block or block in your CSS (depending on your situation)

select { display: inline-block )

/* or */

select { display: block }

An input tag is also by default an inline element, but you say the top margin has effect on them, so you probably have somewhere in your (Bootstrap ???) CSS already input { display: block }

Furthermnore don't use position: absolute to lay out your form elements/tags or for any other layout. It''s doable, but it has many disadvantages. Use it only for small things if you have to.

align-text is not a CSS property unless you mean text-alignand the vertical-align property has only effect on the table tags thead, tbody, , th and td or elements with a CSS property of display: table-cell or display: inline-block.

Personally I use flexbox for layout, because I knid of have/want to support IE10+

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

I figured this one out myself. There is a array_slice(), so I've added this to my foreach()and voila.

<?php

    $url = 'data/gigs.json';
    $data = file_get_contents($url);
    $gigs = json_decode($data, true);

    foreach (array_slice($gigs,0,5) as $gig) {
        echo '<tr>';
        echo '<td><time>' . $gig['date'] . '</time></td>';
        echo '<td>' . $gig['event_venue'] . '</td>';
        echo '<td>' . $gig['location'] . '</td>';
        if (empty($gig['tickets_url'])) {
            echo '<td></td>';
        } else {
            echo '<td><a class="btn btn-primary external" href="' . $gig['tickets_url'] . '">Buy</a></td>';
        }
        echo '</tr>';
    }

?>

@happygeek - just ban these posters!!! You know why they're here, so pull the trigger on them!

You DON'T create two versions of your navigation! I told you (in one of your other four threads regarding this same issue) that you have to REPLACE the markup (HTML) from your current navigation with the navbar markup that comes with Bootstrap out of the box. The classes on that Bootsrap navbar will handle the responsiveness for your mobile nav. The only thing that you have to to do is change the default design of the navbar to that of your current navigation.

Check these two Bootsrap navbar examples.
https://bootsnipp.com/snippets/Oe7QM
The first is the default and the second the inverse version. The mobile version of the navigation is baked in the Bootstrap CSS file (which you load twice by the way on http://www.purelineliving.com/ - Get rid of one!!!). You don't have to do much else!

You use Bootstrap so STICK to the HTML (markup) & CSS (classes) of the framework and certainly if you don't have any clue what you're doing.
https://getbootstrap.com/docs/4.0/getting-started/introduction/

I also mentioned before that you have horizontal scrollbars on tablet and mobile screens, because your images are not responsive. They have all defined width and height attributes in the markup, so they won't shrink once the screen gets smaller.

Resize your browser window to narrow and then use inspect element (dev tools) to find the element and its CSS that's causing that extreme height.

You've asked this question already and you've gotten the answer already too.
https://www.daniweb.com/digital-media/ui-ux-design/threads/515397/navigation-bootstrap

This will do it

function checkmax(el) {

    if(el.value.length == 9) {

        $(function() {
            $('#dCell').change(function() {
                var dCell = $(this).val();
                $('#cCart').data('name', dCell)
            });
        });

    } else {

    }

}

See here: https://codepen.io/gentlemedia/pen/ZvMgBJ

Most of them are based on Isotope.
https://isotope.metafizzy.co/

I was a bit late with my post and see that you created a jsfiddle with your code. Only your fiddle misses the jQuery library so your function doesn't do anything.

I was curious what your code does, so I've created a demoi of it in codepen and without the transform property the table row is fixed at the top in the latest Chrome. Ok, it looks awful, but it's fixed, so what's the problem?

https://codepen.io/gentlemedia/pen/KZqNoL

I also would like to mention that there is an explicit element for table headers which is <thead>

<table>
  <thead>
    <tr>
      <th>Header content 1</th>
      <th>Header content 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Body content 1</td>
      <td>Body content 2</td>
    </tr>
  </tbody>
</table>

This is because the page you share via WhatsApp has certain metadata included within the head of the HTML. It's called the Open Graph protocal and it's invented by Facebook so that when people share webpages on Facebook it shows a title, description and image in their posts. Now since WhatsApp is from Facebook, WhatsApp uses this metadata too to display a title, description and image in your message.

<html prefix="og: http://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta name="description" content="description of your website/webpage">
<meta property="og:title" content="The Rock" />
<meta property="og:description" content="Kick ass movie bla, bla, bla..." />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>

More info about OG here http://ogp.me/ and for testing or debugging your OG metadata here https://developers.facebook.com/tools/debug/

I did a backlink check with that celeb style outfit webshop on monitorbacklinks.com and pretty much all the backlinks that I could check were from (irrelevant) forums or blog posts with fake questions or comments including spammy links like the one above from the OP, so this is a good example how NOT to do backlinks, if you outsource your SEO to so called cheap 'SEO specialists' that hurts your PR more than that it improves.

https://checker.monitorbacklinks.com/seo-tools/free-backlink-checker/celebstyleoutfits.com

My advise is to stop caring about Alexa ranking. Alexa data is not real world data! There are loads of articles and blog posts online with numbers and all explaing why you shouldn't care about it.

Just put all your efforts and time in SEO.... and in optimizing your websites' performance/speed for a better user expoerience.

I wonder why the gif image is not clickable

Hard to tell why without seeing any page with that image

I guess you'd better off asking at the nextcloud forum.
https://help.nextcloud.com/

What do you suggest to optimize performance.

Well since you have a WordPress site you could start with this guide:
https://premium.wpmudev.org/blog/speeding-up-wordpress/

Also just remove unnecessary content. For example on that Lote Las Vueltas property page I see 2 different galleries (a slider and a lightbox) with the same photos. Get rid of one! And the original dimensions of the lightbox thumbnail images are twice as big as that they get displayed on the page. Anyway there are loads of things you could/should do to decrease page weight & http requests, and optimize for speed on the server and on the front-end, but that guide wil get you in the right direction. Good luck!

In one of your CSS files you have pointer-events: none assigned to those inputs. Not sure why someone did that, but this make them not clickable/touchable and thus not fillable, so just remove the pointer-events properies and you're good.

Here are the CSS blocks which are somwhere in http://landbankrealestate.com/wp-content/cache/wpfc-minified/11b1517ad7f8f66fbdcf632c640fc3eb/1511459389index.css.

.wpestate_estate_property_design_agent #agent_phone {
    width: 31.5%;
    pointer-events: none;
    cursor: default
}

.vc_col-sm-4 .wpestate_estate_property_design_agent #agent_contact_name, 
.vc_col-sm-4 .wpestate_estate_property_design_agent #agent_user_email,
.vc_col-sm-4 .wpestate_estate_property_design_agent #agent_phone {
    width: 30.8%;
    pointer-events: none;
    cursor: default;
}

I have to say too that you might wanna optimize for performance as well, because that page is huge (18Mb in size is rediculous) and has 158 http requests to resources (CSS, JS and images) which makes loading take forever on slow/bad connections.

https://gtmetrix.com/reports/landbankrealestate.com/365fAXUU

I'm using Mailchimp too for some clients of mine. With the free account you can do already quite alot. If you're not familiar with (properly) coding your own HTML emails/newsletters there are loads of templates you can choose from. Campaign Monitor is another great email marketing service.

There are also email frameworks which you could use to create your own templates if you don't know how to do that with proper HTML (table layouts). With these frameworks you use custom markup language to create your layouts and then generate the HTML to import into Mailchimp or Campaign Monitor.

heml framework - https://heml.io/
mjml framework - https://mjml.io/

.

Also you should use $( document ).ready() or even better place all your scripts before the closing </body> tag. Now you initilize tinymce while the HTML and thus the textarea hasn't been rendered yet by the browser.

add background-size: cover to your CSS blocks

These are a good place to start with.

https://moz.com/learn/seo

https://searchengineland.com/library/channel/seo

https://neilpatel.com/blog/

https://www.mattcutts.com/blog/

I've found the answer myself :)

There is toFixed() method, so I had to add this to the sumvariable with the 2 as for the 2 decimals;

$('.sum').text(sum.toFixed(2));

I'm using this snippet to calculate the sum of two table cells.

var sum = 0;
$('.amount').each(function(){
    sum += parseFloat($(this).text());
});

$('.sum').text(sum);

But when the sum is for example 40.00 it displays as 40 and as picky as I am, i want it to display as 40.00. So... what to do?

Little (editable) demo: https://codepen.io/gentlemedia/pen/gGXJgR

My thought is they're the same person.

Is the page online somewhere? A link or posting the HTML and related CSS would be more useful then a screenshot.

To reduce the amount of threads/posts from new members that are here only to post (pointless) threads or posts just to have their signature with spammy URLs underneath it, is it not an idea that the 'Post signature' functionality is only available if a member have posted already a certain amount of posts? Say for example 30.

Google ignores the keywords meta tag since 2009 for ranking, so putting your keywords in their won't do anything already for a long time.
https://webmasters.googleblog.com/2009/09/google-does-not-use-keywords-meta-tag.html

If you want to be found with for example 'web design jakarta' then you should include that phrase into you text on the page, in your meta title or in a heading. But your website is in Indonisian, so you might want to include the phrase in Indonisian (if there is one).

I do see you have these icons with English text (web design, web development, etc.) underneath, but this is an image which is useless for the google crawler or any screen reader unless you include better alt tag text then alt="AWS".
But preferably use real text for that in your HTML. Also because the text on that image is unreadable (way too small) on a phone.

You use an element or tag that conveys the meaning of your content.
https://internetingishard.com/html-and-css/semantic-html/

Furthermore to get your layout adapt nicely to the screen width it is viewed on, you use the 3 fundemental building blocks of Responsive Web Design:

1. Fluid grid/layout (thiis means widths in percentages instead of pixels)
2. Flexible media (images, videos, etc.)
3. Media Queries

Learn more here: https://responsivedesign.is/

If you want to center your website you use a container/wrapper.

HTML:

<body>
  <div class="wrapper">
    <!-- all websites HTML here -->
  </div>
</body>

CSS:

.wrapper {
    width: 90%;
    max-width: 1600px;
    margin: 0 auto;
}

The issue is not the viewport meta tag, but it's that you're using tables for your layout. Tables for layout was a good solution, when there was no better alternative.... uhm, somewhat from 1995 till 2000 :) Nowadays we use them for what they're intended... to display data.

I guess that was just all to it. I installed CS-Cart and so far so good. No weird warnings yet! Finger crossed!

Directive AllowOverride All need set to default config file

Ao ok! So I have WHM/cPanel on the VPS and If I go to Apache Configuration > Global Configuration I see an option Optimize .htaccess (AllowOverride) which is set to it's default search_full_path but my guess is that you don't mean that.

EDIT:
Also if I read the docs to modify httpd.conf directly they don't recommend it.
https://documentation.cpanel.net/display/EA/Advanced+Apache+Configuration#AdvancedApacheConfiguration-Modifythehttpd.conffiledirectly

EDIT2:
I read futher on that I can test if WHM/cPanel override my modifications to httpd.config, so I try to open the config file as su root with the following command
/usr/local/apache/conf/httpd.conf
but I can't access it even as root
permission denied

If that is your website you would be Ammad Khan or maybe Harry Lee the CEO. Which of the two are you? :D

Aaaaahhhh.....

There's also a MultiPHP INI Editor in WHM (Web Hosting Manager) and there I enabled allow_url_fopen for PHP 7.0 and voila.

It's not sure if the OP adds that content with an Advanced Custom Field input in WP-admin.

The OP could also use CSS for this, but this requires that the element has no nothing in it. Not even a blank space.

.price:empty { display: none }

https://css-tricks.com/almanac/selectors/e/empty/

@ rproffitt - I've sent you a PM with some secret information :)

Okay, I see something strange. According to phpinfo()the php.ini file is located in a directory etc which is in the root (home directory).

Configuration File (php.ini) Path /opt/cpanel/ea-php70/root/etc
Loaded Configuration File /opt/cpanel/ea-php70/root/etc/php.ini

But the php.ini file that I edit is directly in the root (home directory) and the second I edit is in the web root (public_html). It might be better to stick only to the one in the root and delet the one in the web root, but that's for another thread :)

Anyway... if I look in the etc directory, there's no php.ini file at all. Weird!

EDIT: I made a copy from the php.ini file and putted tit in the etc directory, to see what happend and no nothing allow_url_fopen still on "Off"

In MultiPHP INI Editor > editor mode it's on "On"

There's also Epic browser which is basically Chrome, but then on steroids regarding privacy & security.

https://www.epicbrowser.com/

BTW i must ask, is it easier to do this without bootstrap

Well, for me it's easier to do without Bootstrap :) and CSS is really not that hard unless you have to support old IE.

Glad it's sorted now!